:root{--wa: #25d366;--wa-dark: #128c7e;--background: #f4f7fb;--foreground: #0f172a;--card: #ffffff;--primary: #0f2f5f;--primary-foreground: #eef5ff;--secondary: #e7eef9;--muted: #edf2f8;--muted-foreground: #5a6578;--accent: #eafaf3;--accent-foreground: #115e59;--destructive: #dc2626;--border: #dde6f2;--input: #d3def0;--sidebar: #0b2045;--sidebar-foreground: #edf4ff;--sidebar-accent: #16386b;--sidebar-border: #274a7c;--radius: .75rem;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Sora", system-ui, sans-serif;--header-height: 64px;--sidebar-width: 260px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--foreground);background-color:var(--background);background-image:radial-gradient(ellipse 65% 45% at 0% 0%,rgba(99,102,241,.12),transparent 60%),radial-gradient(ellipse 45% 35% at 100% 20%,rgba(14,165,233,.14),transparent 65%),radial-gradient(ellipse 50% 38% at 50% 100%,rgba(16,185,129,.08),transparent 65%);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--primary)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.55rem;background:var(--primary);color:var(--primary-foreground);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:-.02em;box-shadow:0 6px 16px #0f2f5f2e;flex-shrink:0}.logo-mark.lg{width:3rem;height:3rem;font-size:.95rem;border-radius:.65rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:2.75rem;padding:0 1.1rem;border:0;border-radius:.65rem;background:var(--primary);color:var(--primary-foreground);font-family:var(--font-display);font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease,opacity .15s ease}.btn:hover{background:#0b2449;text-decoration:none;color:var(--primary-foreground)}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-block{width:100%}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--secondary);color:var(--primary)}.btn-sm{height:2.25rem;padding:0 .9rem;font-size:.85rem}.form-field{margin-bottom:1rem}.form-label{display:block;margin-bottom:.4rem;font-size:.875rem;font-weight:600;color:#1e293b}.req{color:#dc2626;font-weight:700}.password-gen{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.45rem;align-items:center}.password-gen .form-control{min-width:0}.password-gen .btn{display:inline-flex;align-items:center;gap:.35rem;height:2.65rem;padding:0 .75rem;white-space:nowrap}.password-gen .btn svg{width:.9rem;height:.9rem;flex-shrink:0}@media(max-width:640px){.password-gen{grid-template-columns:1fr 1fr}.password-gen .form-control{grid-column:1 / -1}}.form-control{width:100%;height:2.75rem;padding:0 .95rem;border:1px solid rgba(15,47,95,.14);border-radius:.8rem;background:#fff;color:var(--foreground);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:#0e74908c;box-shadow:0 0 0 3px #0e74901f}.form-control::placeholder{color:#94a3b8;font-weight:500}.form-error{display:none;margin-top:.35rem;font-size:.8rem;color:var(--destructive)}.form-error.show{display:block}.form-hint{margin-top:.35rem;font-size:.75rem;color:var(--muted-foreground)}.card{background:var(--card);border:1px solid var(--border);border-radius:1rem;box-shadow:0 16px 40px #0f2f5f14}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;background-image:radial-gradient(ellipse 65% 45% at 0% 0%,rgba(99,102,241,.12),transparent 60%),radial-gradient(ellipse 45% 35% at 100% 20%,rgba(14,165,233,.14),transparent 65%),radial-gradient(ellipse 50% 38% at 50% 100%,rgba(16,185,129,.08),transparent 65%),linear-gradient(135deg,#f0fdfa 0%,var(--background) 45%,#fff7ed 100%)}.auth-card{width:100%;max-width:28rem;padding:1.75rem 1.75rem 1.5rem;border-radius:1.35rem;border:1px solid rgba(15,47,95,.1);background:linear-gradient(180deg,#f0f9ffe6,#fff0 5.5rem),#fff;box-shadow:0 24px 50px #0f2f5f1f;animation:reveal-up .7s cubic-bezier(.22,1,.36,1) both}.auth-brand{text-align:center;margin-bottom:1.35rem}.auth-brand h1{margin:.35rem 0 0;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--primary)}.auth-brand p{margin:.35rem 0 0;font-size:.875rem;color:var(--muted-foreground)}.auth-card .form-label{font-size:.8rem;font-weight:650;color:#334155}.auth-card .btn-block{margin-top:.35rem;border-radius:.85rem}.auth-footer{margin-top:1rem;text-align:center;font-size:.875rem}.auth-meta{margin-top:1rem;text-align:center;font-size:.6875rem;color:var(--muted-foreground)}.login-shell{position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:#f7faff}.login-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 18% 18%,rgba(99,102,241,.18),transparent 55%),radial-gradient(ellipse 55% 45% at 88% 12%,rgba(14,165,233,.14),transparent 60%),radial-gradient(ellipse 50% 40% at 70% 90%,rgba(16,185,129,.12),transparent 65%)}.login-orb{position:absolute;border-radius:999px;filter:blur(48px);pointer-events:none;z-index:0}.login-orb.one{width:18rem;height:18rem;left:-4rem;top:2rem;background:#818cf847;animation:float-slow 8s ease-in-out infinite}.login-orb.two{width:16rem;height:16rem;right:8%;top:12%;background:#67e8f938;animation:float-medium 6s ease-in-out infinite}.login-story,.login-panel{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:3rem clamp(1.5rem,4vw,4rem)}.login-story{color:var(--foreground)}.login-chip{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(15,47,95,.16);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.875rem;font-weight:600;color:var(--primary);animation:reveal-up .75s cubic-bezier(.22,1,.36,1) both}.login-chip .dot{width:.35rem;height:.35rem;border-radius:999px;background:#0ea5a2}.login-story h1{margin:1.25rem 0 0;max-width:18ch;font-size:clamp(2.1rem,4vw,3.2rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--foreground);animation:reveal-up .8s cubic-bezier(.22,1,.36,1) .05s both}.login-story .lede{margin:1.1rem 0 0;max-width:34rem;font-size:1.05rem;line-height:1.65;color:var(--muted-foreground);animation:reveal-up .8s cubic-bezier(.22,1,.36,1) .1s both}.login-points{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.35rem;animation:reveal-up .8s cubic-bezier(.22,1,.36,1) .14s both}.login-points span{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--border);background:#fff;box-shadow:0 4px 14px #0f2f5f0a;font-size:.78rem;font-weight:600;color:#334155}.login-points svg{width:.9rem;height:.9rem;color:#059669;flex-shrink:0}.login-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:2rem;max-width:32rem;animation:reveal-up .8s cubic-bezier(.22,1,.36,1) .18s both}.login-metric{padding:1rem .9rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.7);background:linear-gradient(180deg,#ffffffeb,#f8fbffe0);box-shadow:0 10px 28px #0f2f5f0f}.login-metric strong{display:block;font-family:var(--font-display);font-size:1.15rem;color:var(--primary)}.login-metric span{display:block;margin-top:.2rem;font-size:.72rem;color:var(--muted-foreground);font-weight:500}.login-panel{align-items:center}.login-form-card{width:min(100%,26.5rem);padding:2rem 1.85rem;border-radius:1.25rem;border:1px solid rgba(221,230,242,.95);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #0f2f5f1a,0 2px #fffc inset;animation:reveal-up .75s cubic-bezier(.22,1,.36,1) .08s both}.login-form-card .brand-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.35rem}.login-form-card .brand-row .copy strong{display:block;font-family:var(--font-display);font-size:1rem;color:var(--primary)}.login-form-card .brand-row .copy span{font-size:.75rem;color:var(--muted-foreground)}.login-form-card h2{margin:0;font-size:1.45rem;font-weight:750;color:var(--primary)}.login-form-card .sub{margin:.4rem 0 1.35rem;font-size:.9rem;color:var(--muted-foreground);line-height:1.5}.login-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin:-.25rem 0 1rem;font-size:.85rem}.login-actions a{font-weight:600}.btn-gradient{background:linear-gradient(90deg,#0f2f5f,#4f46e5 52%,#0891b2);background-size:160% 160%;animation:gradient-shift 12s ease infinite;box-shadow:0 14px 32px #0f2f5f47}.btn-gradient:hover{background:linear-gradient(90deg,#0b2449,#4338ca 52%,#0e7490);color:#fff}.login-foot{margin-top:1rem;display:flex;flex-direction:column;gap:.55rem;align-items:center;text-align:center;font-size:.85rem}.login-foot .muted{color:var(--muted-foreground);font-size:.75rem;font-weight:500}.login-join{margin-top:1.25rem;padding-top:1.15rem;border-top:1px solid rgba(15,47,95,.08)}.login-join-head{margin-bottom:.75rem}.login-join-head>span{display:block;font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:#0e7490}.login-join-head p{margin:.3rem 0 0;font-size:.78rem;line-height:1.45;color:var(--muted-foreground)}.login-join-grid{display:grid;gap:.55rem}.login-join-card{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.75rem .85rem;border-radius:.95rem;border:1px solid rgba(15,47,95,.1);background:linear-gradient(180deg,#fff,#f5f9ff);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.login-join-card:hover{border-color:#0e749059;box-shadow:0 10px 24px #0f2f5f14;transform:translateY(-1px);text-decoration:none;color:inherit}.login-join-card.is-sponsor{background:linear-gradient(180deg,#fff,#f4fffb)}.login-join-card.is-sponsor:hover{border-color:#0f766e59}.login-join-icon{width:2.35rem;height:2.35rem;border-radius:.75rem;display:grid;place-items:center;background:#0e74901a;color:#0e7490}.login-join-card.is-sponsor .login-join-icon{background:#0f766e1a;color:#0f766e}.login-join-icon svg{width:1.1rem;height:1.1rem}.login-join-copy strong{display:block;font-size:.9rem;font-weight:750;color:var(--primary)}.login-join-copy em{display:block;margin-top:.12rem;font-style:normal;font-size:.72rem;line-height:1.35;color:var(--muted-foreground)}.login-join-arrow{font-size:1rem;font-weight:700;color:#0891b2}.login-join-card.is-sponsor .login-join-arrow{color:#0f766e}@keyframes reveal-up{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes float-medium{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(14px) translate(-10px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(max-width:960px){.login-shell{grid-template-columns:1fr}.login-story{padding-bottom:.5rem}.login-panel{padding-top:1rem;padding-bottom:2.5rem}.login-metrics{grid-template-columns:1fr;max-width:20rem}}