html,body,#root{height:100%;margin:0}body{background:#fafafa;color:#111827;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.container{max-width:1120px;margin:0 auto;padding:0 16px}.btn{padding:10px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#f3f4f6;cursor:pointer;font-weight:600}.btn:hover{background:#e5e7eb}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000d}.user-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 8px;border-radius:9999px;background:#ec48990f}.avatar{width:36px;height:36px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(255,255,255,.6);box-shadow:0 1px 2px #0000000f}.user-name{font-weight:700;color:#0f172a;font-size:14px}.features-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px}@media (min-width: 640px){.features-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.features-grid{grid-template-columns:1fr 1fr 1fr}}.feature-card{display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .15s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000014}.feature-title{margin:0;font-size:18px;font-weight:700;color:#111827}.feature-desc{margin:0;color:#4b5563;font-size:14px}.feature-actions{margin-top:8px}.link{color:#0ea5e9;text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.input,.field{transition:box-shadow .12s ease,border-color .12s ease}.input:focus,.field:focus{outline:none;border-color:#ec4899;box-shadow:0 4px 12px #ec489914}.nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nav-right{display:flex;align-items:center;gap:12px}.site-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:30}.section{padding:32px 0}.section-title{margin:0;font-size:24px;font-weight:800;color:#be185d}.section-sub{margin-top:8px;color:#4b5563}.grid{display:grid;gap:16px}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.grid-3{grid-template-columns:1fr 1fr 1fr}}.site-header{background:#fff;border-bottom:1px solid #e5e7eb}.site-header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#be185d}.brand-badge{width:32px;height:32px;border-radius:9999px;background:#ec4899}.nav{display:flex;flex-wrap:wrap;gap:8px}.nav-link{padding:8px 12px;border-radius:8px;font-size:14px;color:#374151;text-decoration:none}.nav-link:hover{background:#f3f4f6}.nav-link.active{background:#ec4899;color:#fff}main{padding:24px 0}footer{background:#fff;border-top:1px solid #e5e7eb;padding:16px 0;color:#374151;font-size:14px}.hero{background:linear-gradient(to bottom,#fdf2f8,#fff)}.hero-inner{display:grid;grid-template-columns:1fr;gap:24px;padding:48px 0}@media (min-width: 768px){.hero-inner{grid-template-columns:1fr 1fr;padding:64px 0}}.hero-title{font-size:40px;line-height:1.15;font-weight:800;color:#be185d;margin:0}@media (min-width: 768px){.hero-title{font-size:48px}}.hero-sub{margin-top:12px;color:#1e293bd9;font-size:18px}.hero-actions{margin-top:24px;display:flex;gap:12px}.btn-primary{background:#ec4899;border-color:#ec4899;color:#fff}.btn-primary:hover{background:#db2777;border-color:#db2777}.btn-secondary{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn-secondary:hover{background:#0284c7;border-color:#0284c7}.hero-badge{width:280px;height:280px;border-radius:24px;background:#e0f2fe;border:1px solid #bae6fd;box-shadow:inset 0 1px 2px #0000000d}.field{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db}.field+.field{margin-top:10px}.actions{margin-top:16px}.text-danger{color:#dc2626;font-size:14px}.muted{color:#6b7280}.toast{padding:12px 16px;border-radius:10px;color:#fff;min-width:220px;box-shadow:0 6px 18px #0f172a1f;font-weight:600}.toast-info{background:#0ea5e9}.toast-success{background:#10b981}.toast-error{background:#ef4444}.auth-hero{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;padding:48px 0}@media (min-width: 900px){.auth-hero{grid-template-columns:1fr 420px}}.auth-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0206170f}.auth-hero-title{font-size:32px;color:#be185d;margin:0 0 8px;font-weight:800}.auth-hero-sub{color:#475569;margin:0 0 16px}.epf-root{display:flex;flex-direction:column;gap:12px}.epf-tabs{display:flex;gap:8px;margin-bottom:8px}.epf-tab{padding:8px 12px;border-radius:999px;background:transparent;border:1px solid transparent;cursor:pointer;font-weight:700;color:#374151;transition:all .12s ease}.epf-tab.active{background:#fff;border-color:#e6e6ea;box-shadow:0 6px 18px #0206170f;color:#111827}.epf-form{display:flex;flex-direction:column;gap:10px}.epf-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e6e6ea;background:#fff;box-shadow:0 1px 2px #0206170a;transition:box-shadow .12s ease,transform .08s ease}.epf-input::-moz-placeholder{color:#9ca3af}.epf-input::placeholder{color:#9ca3af}.epf-input:focus{outline:none;transform:translateY(-1px);box-shadow:0 10px 30px #02061714;border-color:#ec4899}.epf-actions{display:flex;gap:10px;margin-top:6px}.epf-btn{padding:12px 14px;border-radius:12px;border:1px solid transparent;cursor:pointer;font-weight:700;min-width:160px}.epf-btn.primary{background:linear-gradient(180deg,#ec4899,#db2777);color:#fff;box-shadow:0 10px 30px #db27771f}.epf-btn.primary[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}