.login-page{--ink:#131313;--ink-2:#1c1c1a;--paper:#f8f7f4;--orange:#ff6b35;box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;width:100%;height:100%;padding:16px;display:grid;overflow-y:auto}@media (max-width:960px){.login-page{grid-template-columns:minmax(0,1fr);padding:0}}.login-brand{isolation:isolate;background:var(--ink);color:#f2f2ec;border-radius:24px;flex-direction:column;justify-content:space-between;gap:32px;min-height:0;padding:clamp(28px,4vw,48px);display:flex;position:relative;overflow:hidden}@media (max-width:960px){.login-brand{display:none}}.login-brand-glow{z-index:-1;background:radial-gradient(70% 50% at 80% 100%,#ff6b3559,#0000 70%),radial-gradient(50% 40% at 0 0,#ff96641f,#0000 70%);position:absolute;inset:0}.login-brand:after{content:"";background:var(--orange);clip-path:polygon(0 0,100% 0,100% 100%);width:88px;height:88px;position:absolute;top:0;right:0}.login-brand-logo{color:#f2f2ec;align-self:flex-start;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.login-brand-name{letter-spacing:-.02em;font-size:18px;font-weight:600}.login-brand-name span{color:var(--orange)}.login-brand-body{flex-direction:column;gap:32px;display:flex}.login-brand-title{letter-spacing:-.045em;color:#f2f2ec;text-wrap:balance;max-width:11em;margin:0;font-size:clamp(34px,3.6vw,52px);font-weight:600;line-height:1}.login-brand-title em{color:var(--orange);font-style:normal}.login-brand-stack{flex-direction:column;gap:8px;max-width:420px;display:flex}.login-brand-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.login-brand-day{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;color:#8a8a82;flex-shrink:0;width:30px;font-size:11px}.login-brand-post{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.login-brand-ready{color:#ff9a70;background:#ff6b3529;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.login-brand-streak{background:var(--orange);color:var(--ink);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:6px;padding:7px 14px 7px 10px;font-size:13px;font-weight:600;display:inline-flex}.login-brand-flame{background:var(--ink);border-radius:50%;width:8px;height:8px}.login-brand-foot{color:#a3a39a;margin:0;font-size:14px}@media (prefers-reduced-motion:no-preference){.login-brand-card{animation:.6s cubic-bezier(.16,1,.3,1) both login-card-in,6s ease-in-out infinite login-card-float;animation-delay:calc(var(--i,0) * .12s + .15s), calc(var(--i,0) * -2s)}.login-brand-streak{animation:.6s cubic-bezier(.16,1,.3,1) .55s both login-card-in}@keyframes login-card-in{0%{opacity:0;transform:translateY(14px)}}@keyframes login-card-float{50%{transform:translateY(-4px)}}}.login-main{justify-content:center;align-items:safe center;min-height:0;padding:clamp(24px,5vw,56px) 20px;display:flex}.login-card{flex-direction:column;width:100%;max-width:400px;display:flex}.login-card--loading{align-items:center;padding:80px 0}.login-mobile-brand{align-self:flex-start;align-items:center;gap:10px;margin-bottom:32px;text-decoration:none;display:none}@media (max-width:960px){.login-mobile-brand{display:inline-flex}}.login-head{flex-direction:column;gap:8px;margin-bottom:28px;display:flex}.login-title{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:32px;font-weight:600;line-height:1.1}.login-sub{color:#5a5855;margin:0;font-size:15px;line-height:1.5}.login-tabs{background:#eceae4;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:24px;padding:4px;display:grid}.login-tabs button{color:#5a5855;height:36px;font:500 14px var(--font-geist-sans), system-ui, sans-serif;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.login-tabs button:hover{color:var(--ink)}.login-tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 2px #13131314,0 0 0 1px #1313130a}.login-tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.login-form .field{margin-bottom:18px}.login-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.login-label-row .field-label{margin-bottom:7px}.login-forgot{color:#5a5855;font-size:13px;font-weight:500;text-decoration:none}.login-forgot:hover{color:var(--orange)}.login-input{position:relative}.login-input-icon{color:#8b8882;pointer-events:none;width:16px;height:16px;transition:color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input:focus-within .login-input-icon{color:var(--orange)}.login-input .field-input{background:#fff;border-radius:12px;height:48px;padding-left:42px}#login-password{padding-right:44px}.login-pw-toggle{color:#8b8882;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-pw-toggle:hover{color:var(--ink);background:#f3f1ec}.login-hint{color:#8b8882;margin:8px 0 0;font-size:13px}.login-form .auth-banner{margin-bottom:16px}.login-page .login-submit{background:var(--ink);color:#f2f2ec;border-radius:12px;height:48px;margin-top:6px;font-size:15px;box-shadow:0 1px 2px #1313131a,0 10px 24px -12px #13131380}.login-page .login-submit svg:last-child{color:var(--orange);transition:transform .2s,color .2s}.login-page .login-submit:hover:not(:disabled){background:var(--orange);color:var(--ink);box-shadow:0 1px 2px #1313131a,0 12px 28px -12px #ff6b35b3}.login-page .login-submit:hover:not(:disabled) svg:last-child{color:var(--ink);transform:translate(3px)}.login-page .login-submit:disabled{opacity:.7;cursor:progress}.login-foot{color:#5a5855;border-top:1px solid #e6e4dd;margin:28px 0 0;padding-top:20px;font-size:14px}.login-foot a{color:var(--ink);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.login-foot a:hover{color:var(--orange)}.login-success{text-align:left;align-items:flex-start}.login-sent{flex-direction:column;gap:22px;animation:.4s both login-sent-in;display:flex}@keyframes login-sent-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.login-sent-icon{width:56px;height:56px;color:var(--orange);background:linear-gradient(145deg,#fff3ec,#ffe4d6);border:1px solid #ff6b3538;border-radius:16px;place-items:center;display:grid;position:relative;box-shadow:0 10px 30px -14px #ff6b358c}.login-sent-pulse{border:1px solid #ff6b3573;border-radius:16px;animation:2.4s ease-out infinite login-sent-pulse;position:absolute;inset:-1px}@keyframes login-sent-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.login-sent-copy{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.login-sent-copy .login-sub{margin-top:4px}.login-sent-email{max-width:100%;color:var(--ink);overflow-wrap:anywhere;background:#fff;border:1px solid #e6e4dd;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:14px;font-weight:600;display:inline-flex}.login-sent-email svg{color:#8b8882;flex-shrink:0}.login-sent-actions{flex-direction:column;gap:10px;display:flex}.login-sent-open{height:48px;color:var(--ink);background:#fff;border:1px solid #e0ddd4;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.login-sent-open:hover{background:#f5f3ee}.login-sent-open:active{transform:scale(.98)}.login-sent-open--primary{background:var(--ink);border-color:var(--ink);color:#f2f2ec}.login-sent-open--primary:hover{background:var(--orange);border-color:var(--orange);color:var(--ink);box-shadow:0 1px 2px #1313131a,0 12px 28px -12px #ff6b35b3}.login-sent-open svg{transition:transform .2s}.login-sent-open:hover svg{transform:translate(2px,-2px)}.login-sent-tip{color:#5a5855;background:#ffffffb3;border:1px solid #ebe8e1;border-radius:12px;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.login-sent-tip svg{color:#16a34a;margin-top:2px}.login-sent-foot{color:#5a5855;border-top:1px solid #e6e4dd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:18px;font-size:14px;display:flex}.login-sent-link{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.login-sent-link:hover:not(:disabled){color:var(--orange)}.login-sent-link:disabled{opacity:.6;cursor:progress}.login-sent-muted{font-variant-numeric:tabular-nums;color:#8b8882}.login-sent-resent{color:#16a34a;align-items:center;gap:4px;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.login-sent,.login-sent-pulse{animation:none}}.login-main{position:relative}.login-back{color:#5a5855;border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex;position:absolute;top:20px;left:20px}.login-back svg{transition:transform .2s}.login-back:hover{color:#131313;background:#1313130d}.login-back:hover svg{transform:translate(-3px)}.login-back:focus-visible{outline-offset:2px;outline:2px solid #ff6b35}@media (max-width:960px){.login-back{top:16px;left:12px}.login-main{padding-top:64px}}.signup-form{flex-direction:column;display:flex}.signup-verified{align-self:flex-start;margin:0 0 4px}.login-page .auth-locked-email{border-radius:12px;min-height:48px}.signup-lock{color:#8b8882;margin-left:auto}.login-page .auth-form-box{border-radius:16px}.login-foot a{color:#131313;font-weight:600;text-decoration:none}.pw-meter{--pw:#dc2626;margin-top:10px}.pw-meter[data-tone=fair]{--pw:#d97706}.pw-meter[data-tone=strong]{--pw:#16a34a}.pw-meter-row{align-items:center;gap:12px;display:flex}.pw-meter-track{background:#eceae4;border-radius:99px;flex:1;height:4px;overflow:hidden}.pw-meter-fill{border-radius:inherit;background:var(--pw);height:100%;transition:width .25s,background-color .25s}.pw-meter-label{text-align:right;min-width:64px;color:var(--pw);font-size:12.5px;font-weight:600}.pw-meter-hint{color:#5a5855;margin:6px 0 0;font-size:13px}.pw-match{color:#16a34a;align-items:center;gap:6px;margin:8px 0 0;font-size:13px;font-weight:500;display:inline-flex}
