.login-container{background-color:var(--background);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.login-content{gap:var(--spacing-xl);flex-direction:row;width:100%;max-width:760px;height:220px;display:flex}.logo-section{flex-direction:column;justify-content:center;align-items:center;display:flex}.logo-section p{margin-top:var(--spacing-sm);color:var(--foreground-muted);font-size:var(--font-size-body);text-align:center}.logo-text{font-size:3.5rem;font-weight:var(--font-weight-bold);color:var(--foreground);margin-bottom:var(--spacing-sm);letter-spacing:-.03em}.logo-subtitle{font-size:var(--font-size-body);color:var(--foreground-muted);font-weight:var(--font-weight-regular)}.login-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);flex-direction:column;justify-content:center;display:flex}.login-button{width:100%;height:15%;padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-primary);color:#050505;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:0 0 16px var(--glow-cyan);border:none;border-radius:40px;transition:all .2s ease-in-out}.login-button:hover{background-color:var(--color-secondary);box-shadow:0 0 24px var(--glow-cyan);transform:translateY(-1px)}.login-button:active{box-shadow:0 0 12px var(--glow-cyan);transform:translateY(0)}.login-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:640px){.login-container{padding:var(--spacing-md)}.logo-text{font-size:2.5rem}.login-card{padding:var(--spacing-lg)}}