.login-container{background:var(--bg-base,#0f1115);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:linear-gradient(135deg,var(--bg-surface-1,#171a21)0%,#1a1f2e 100%);border:1px solid var(--border-subtle,#262a33);border-radius:12px;width:380px;padding:40px;transition:border-color .3s;box-shadow:0 4px 20px #0006,0 0 0 1px #ffffff0d}.login-card:hover{border-color:#6ee7874d}.login-title{color:var(--text-primary,#e6eaf2);margin-bottom:4px;font-size:22px;font-weight:600}.login-subtitle{color:var(--text-secondary,#a8b0bd);margin-bottom:24px;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--text-secondary,#a8b0bd);font-size:13px;font-weight:500}.login-input{border:1px solid var(--border-subtle,#262a33);background:var(--bg-surface-2,#1c212b);color:var(--text-primary,#e6eaf2);border-radius:8px;padding:10px 12px;font-size:14px;transition:all .2s}.login-input::placeholder{color:var(--text-tertiary,#6c7087)}.login-input:focus{border-color:var(--accent-positive,#6ee787);box-shadow:0 0 0 2px var(--focus-ring,#6ee78766);background:var(--bg-surface-2,#1c212b);outline:none}.login-button{background:linear-gradient(135deg,var(--accent-info,#58a6ff),#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:10px;padding:12px;font-weight:600;transition:all .2s}.login-button:hover{background:linear-gradient(135deg,#4a96ef,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #58a6ff4d}