.signin{--primary:#14182f;--primary-deep:#0c0f23;--secondary:#482b7c;--mint:#08ffb3;--mint-dim:#05cc90;--surface:#1f2440;--surface-soft:#262c4a;--rule:rgba(255,255,255,0.09);--rule-soft:rgba(255,255,255,0.05);--text:#f3f1f8;--muted:rgba(243,241,248,0.62);--faint:rgba(243,241,248,0.4);--danger:#ff6166;position:relative;z-index:1;width:100%;min-height:100vh;justify-content:center;padding:48px 24px 32px;gap:28px}.signin,.signin .brand-mark{display:flex;flex-direction:column;align-items:center;color:var(--text)}.signin .brand-mark{gap:14px}.signin .brand-mark .peak{width:28px;height:auto;color:var(--mint)}.signin .brand-mark .wordmark{width:140px;height:auto;color:var(--text)}.signin .card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--rule);border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:22px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5)}.signin .card-head .eyebrow{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}.signin .card-head h1{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.2}.signin .card-head h1 .app{color:var(--mint)}.signin .card-head .sub{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.signin .card-head .sub strong{color:var(--text);font-weight:600}.signin .section-label{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.signin .section-label:after,.signin .section-label:before{content:"";flex:1;height:1px;background:var(--rule)}.signin .oauth-stack{display:flex;flex-direction:column;gap:10px}.signin .oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:var(--surface-soft);border:1px solid var(--rule);border-radius:10px;color:var(--text);padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .12s ease,border-color .12s ease}.signin .oauth-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16)}.signin .oauth-btn svg{width:18px;height:18px;flex-shrink:0}.signin .email-group{display:flex;flex-direction:column;gap:10px}.signin .email-group label{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.signin .email-group input{width:100%;background:rgba(0,0,0,.25);border:1px solid var(--rule);border-radius:10px;color:var(--text);padding:12px 14px;font-size:14px;font-family:inherit;outline:none;transition:border-color .12s ease,background .12s ease}.signin .email-group input::-moz-placeholder{color:var(--faint)}.signin .email-group input::placeholder{color:var(--faint)}.signin .email-group input:focus{border-color:var(--mint);background:rgba(0,0,0,.35)}.signin .email-group input:disabled{opacity:.6;cursor:not-allowed}.signin .email-group input.otp-code{letter-spacing:.5em;text-align:center;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.signin .submit{width:100%;background:var(--mint);color:var(--primary);border:0;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;font-family:inherit;transition:background .12s ease,transform .12s ease}.signin .submit:hover:not(:disabled){background:var(--mint-dim);transform:translateY(-1px)}.signin .submit:disabled{opacity:.5;cursor:not-allowed}.signin .submit-help{font-size:11.5px;color:var(--muted);margin:-4px 0 0;text-align:center}.signin .submit-help .link-btn{color:var(--mint);background:transparent;border:0;padding:0;font:inherit;font-weight:600;cursor:pointer}.signin .submit-help .link-btn:hover{color:var(--mint-dim)}.signin .back-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--muted);background:transparent;border:0;padding:0;font-size:12px;font-family:inherit;cursor:pointer;margin-bottom:-8px}.signin .back-link:hover{color:var(--text)}.signin .back-link svg{width:14px;height:14px}.signin .err{background:rgba(255,97,102,.1);border:1px solid rgba(255,97,102,.3);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--danger)}.signin .below-card{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--faint);font-size:11.5px;text-align:center;max-width:360px;line-height:1.5}.signin .below-card .legal{margin:0;color:var(--faint)}.signin .below-card .legal a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--rule)}.signin .below-card .legal a:hover{color:var(--text);border-bottom-color:rgba(255,255,255,.4)}.signin .below-card .copy{margin:0;color:rgba(243,241,248,.32)}