.login-app{--ink:#0c2a22;--ink-2:#103229;--ink-3:#16433a;--line-on-dark:#ffffff1a;--on-dark:#f3efe6eb;--on-dark-dim:#f3efe69e;--on-dark-faint:#f3efe66b;--accent:#0c8f5f;--accent-vivid:#12b981;--accent-bright:#35c88e;--accent-glow:#12b9814d;--cream:#f3efe6;--danger:#f2705f;--r-sm:10px;--r-md:16px;--font-display-stack:var(--font-display),"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-sans-stack:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--ink);min-height:100vh;color:var(--on-dark);font-family:var(--font-sans-stack);justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.login-app:before{content:"";background:radial-gradient(circle,var(--accent-glow)0%,#0c2a2200 68%);pointer-events:none;border-radius:50%;width:min(760px,130vw);height:min(760px,130vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.login-shell{z-index:1;width:100%;max-width:440px;position:relative}.login-brand{font-family:var(--font-display-stack);letter-spacing:-.02em;color:var(--cream);margin-bottom:30px;font-size:1.5rem;font-weight:800;text-decoration:none;display:block}.login-eyebrow{letter-spacing:.14em;text-transform:uppercase;width:fit-content;color:var(--accent-bright);align-items:center;gap:8px;margin:0 0 18px;font-size:.78rem;font-weight:600;display:flex}.login-eyebrow:before{content:"";opacity:.7;background:currentColor;width:22px;height:1px}.login-title{font-family:var(--font-display-stack);letter-spacing:-.03em;color:var(--cream);margin:0 0 10px;font-size:clamp(1.9rem,4vw,2.4rem);font-weight:700;line-height:1.1}.login-sub{color:var(--on-dark-dim);margin:0 0 32px;font-size:1rem;line-height:1.55}.login-sub strong{color:var(--on-dark);font-weight:600}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{align-items:center;display:flex;position:relative}.login-field svg{color:var(--on-dark-faint);pointer-events:none;position:absolute;left:16px}.login-input{border:1px solid var(--line-on-dark);border-radius:var(--r-sm);width:100%;color:var(--cream);background:#ffffff0a;outline:none;padding:16px 16px 16px 46px;font-family:inherit;font-size:1rem;transition:border-color .25s,background-color .25s,box-shadow .25s}.login-input::placeholder{color:var(--on-dark-faint)}.login-input:focus{border-color:var(--accent-vivid);background:#ffffff0f;box-shadow:0 0 0 3px #12b98129}.login-otp{text-align:center;font-family:var(--font-display-stack);letter-spacing:.42em;text-indent:.42em;padding:18px 16px;font-size:1.9rem;font-weight:700}.login-btn{border:1px solid var(--cream);border-radius:var(--r-sm);background:var(--cream);width:100%;color:var(--ink);letter-spacing:-.01em;cursor:pointer;justify-content:center;align-items:center;gap:9px;padding:16px 26px;font-family:inherit;font-size:.98rem;font-weight:600;line-height:1;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s,box-shadow .25s,opacity .25s;display:inline-flex}.login-btn svg{transition:transform .25s}.login-btn:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 10px 24px -8px #00000073}.login-btn:hover:not(:disabled) svg{transform:translate(3px)}.login-btn:disabled{cursor:not-allowed;opacity:.55}.login-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.login-link{color:var(--on-dark-dim);cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:.9rem;font-weight:500;transition:color .2s}.login-link:hover:not(:disabled){color:var(--accent-bright)}.login-link:disabled{color:var(--on-dark-faint);cursor:not-allowed}.login-note{border-radius:var(--r-sm);border:1px solid;margin:0;padding:13px 16px;font-size:.9rem;line-height:1.45}.login-note.is-ok{color:var(--accent-bright);background:#35c88e1a;border-color:#35c88e52}.login-note.is-error{color:var(--danger);background:#f2705f1a;border-color:#f2705f52}.login-sent-to{color:var(--on-dark-dim);margin:0 0 4px;font-size:.9rem}.login-sent-to b{color:var(--cream);margin-top:4px;font-weight:600;display:block}.login-alt{border-top:1px solid var(--line-on-dark);color:var(--on-dark-dim);margin:20px 0 0;padding-top:18px;font-size:.9rem}.login-alt a{color:var(--accent-bright);font-weight:600;text-decoration:none}.login-alt a:hover{text-decoration:underline}.login-foot{color:var(--on-dark-faint);margin:28px 0 0;font-size:.85rem}.login-foot a{color:var(--on-dark-dim);border-bottom:1px solid var(--line-on-dark);text-decoration:none}.login-foot a:hover{color:var(--accent-bright);border-bottom-color:currentColor}@keyframes login-rise{0%{opacity:0;transform:translate3d(0,var(--rise,18px),0)}to{opacity:1;transform:none}}.login-rise{animation:.6s cubic-bezier(.22,.61,.36,1) both login-rise}.login-note-in{--rise:-6px;animation:.3s cubic-bezier(.22,.61,.36,1) both login-rise}@media (prefers-reduced-motion:reduce){.login-rise,.login-note-in{animation:none}}