body{min-height:100vh}.wrap{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:56px;max-width:1180px;min-height:calc(100vh - 80px);margin:0 auto;padding:0 32px 48px;display:grid;position:relative}@media (max-width:900px){.wrap{grid-template-columns:1fr}.side{display:none}}.side{padding:40px}.side .moon-owl{color:#cdd3ef;filter:drop-shadow(0 0 24px #cdd3ef73);font-size:64px}.side h1{font-family:var(--font-display);font-size:44px;font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--track-display);text-wrap:balance;margin:22px 0 14px}.side p{color:var(--text-2);max-width:400px;font-size:17px}.side .streak-peek{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--stroke);color:var(--text-2);align-items:center;gap:10px;margin-top:26px;padding:12px 18px;font-size:14px;display:inline-flex}.side .streak-peek b{font-family:var(--font-mono);color:var(--gold);font-size:18px}.auth-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-xl);box-shadow:var(--shadow-md);justify-self:center;width:100%;max-width:460px;padding:40px}.mode-tabs{background:var(--surface-2);border-radius:var(--r-pill);gap:4px;margin-bottom:28px;padding:4px;display:flex}.mode-tabs button{border-radius:var(--r-pill);height:40px;color:var(--text-3);font-family:var(--font-display);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex:1;font-size:14.5px;font-weight:600}.mode-tabs button.on{background:var(--surface);color:var(--text);border-color:var(--stroke-strong)}.f{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.f label{color:var(--text-2);font-size:14px;font-weight:700}.f .in{align-items:center;display:flex;position:relative}.f .in i{color:var(--text-3);pointer-events:none;font-size:18px;position:absolute;left:14px}.f input{background:var(--bg-deep);width:100%;height:46px;color:var(--text);border:1px solid var(--stroke);border-radius:var(--r-md);font-size:16px;font-family:var(--font-body);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);outline:none;padding:0 14px 0 40px}.f input:focus{border-color:var(--dusk);box-shadow:var(--focus-ring)}.f .hint{color:var(--text-3);font-size:12.5px}.row-between{justify-content:space-between;align-items:center;margin:4px 0 20px;font-size:14px;display:flex}.row-between a{color:var(--link);font-weight:600;text-decoration:none}.check{color:var(--text-2);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{accent-color:var(--dusk);width:16px;height:16px}.signup-only{display:none}.auth-card.signup .signup-only{display:flex}.auth-card.signup h2.signup-only,.auth-card.signup p.signup-only,.auth-card.signup span.signup-only{display:block}.auth-card.signup .login-only{display:none!important}.after{text-align:center;color:var(--text-3);margin-top:20px;font-size:14px}.after a{color:var(--link);cursor:pointer;font-weight:600;text-decoration:none}.greet{font-family:var(--font-display);margin:0 0 4px;font-size:24px;font-weight:700}.greet-sub{color:var(--text-3);margin:0 0 24px;font-size:14.5px}