.login-container{background-color:var(--surface-canvas);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{gap:var(--spacing-6);width:100%;max-width:360px;padding:var(--spacing-8);box-shadow:var(--shadow-md);text-align:center;flex-direction:column;display:flex}.login-header{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.login-header .logo-placeholder{border-radius:var(--radius-md);width:48px;height:48px;font-size:24px}.login-header h2{color:var(--text-primary);font-size:20px;font-weight:600}.login-header p{font-size:14px}.login-btn{width:100%;padding:var(--spacing-3)}.login-form{gap:var(--spacing-4);margin-top:var(--spacing-2);flex-direction:column;display:flex}.login-form input{padding:var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle,#333);background:var(--surface-raised,#1a1a1a);color:var(--text-primary);font-family:inherit;font-size:14px}.login-form input:focus{border-color:var(--accent);outline:none}