.login-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.login-page:before{content:"";pointer-events:none;background:radial-gradient(800px 500px at 20% 10%,#c8921114,#0000 60%),radial-gradient(600px 400px at 85% 90%,#e639460f,#0000 55%);position:fixed;inset:0}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:2.5rem;position:relative;box-shadow:0 20px 60px #0006}.login-brand{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:14px;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.login-mark{background:var(--red);border-radius:var(--radius);letter-spacing:-.02em;color:#fff;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:18px;font-style:italic;font-weight:900;display:grid;box-shadow:0 4px 16px -4px #e6394680}.login-brand-name{letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:800;line-height:1}.login-brand-tag{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:600}.login-header{text-align:center;margin-bottom:1.75rem}.login-header h1{color:var(--ink);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.login-header p{color:var(--muted);margin:0;font-size:15px}.login-form{flex-direction:column;gap:1.25rem;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:600}.login-field input{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink);padding:14px 16px;font-size:15px;transition:all .15s}.login-field input:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #e639461f}.login-field input::placeholder{color:var(--muted-2)}.login-error{border-radius:var(--radius);color:var(--red);background:#e639461a;border:1px solid #e6394633;padding:12px 14px;font-size:13px;font-weight:500}.login-button{text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:var(--radius);background:var(--red);color:#fff;cursor:pointer;border:none;width:100%;margin-top:4px;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;display:block}.login-button:hover:not(:disabled){background:var(--red-2);box-shadow:0 8px 24px -4px #e6394666}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-button--google{justify-content:center;align-items:center;gap:12px;display:inline-flex}.login-button__google-g{box-sizing:content-box;background:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;padding:2px}.login-divider{color:var(--muted);text-transform:lowercase;letter-spacing:.02em;align-items:center;gap:12px;margin:1.25rem 0 .5rem;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-hint{border-top:1px solid var(--line);text-align:center;margin-top:2rem;padding-top:1.5rem}.login-hint p{color:var(--muted);margin:0 0 12px;font-size:12px}.login-hint__users{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.login-hint__chip{font-family:var(--font-jetbrains-mono), monospace;color:var(--ink-3);background:var(--bg);border-radius:var(--radius-pill);border:1px solid var(--line);cursor:pointer;padding:4px 10px;font-size:11px;transition:border-color .15s,color .15s}.login-hint__chip:hover{border-color:var(--line-2);color:var(--ink)}.login-footer{color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-top:2rem;font-size:11px;display:flex;position:relative}