.login-container{background-color:var(--color-gray-900);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(--color-gray-400);font-size:var(--font-size-body);text-align:center}.logo-text{font-size:3.5rem;font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-sm);letter-spacing:-.03em}.logo-subtitle{font-size:var(--font-size-body);color:var(--color-gray-400);font-weight:var(--font-weight-regular)}.login-card{border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-800);flex-direction:column;justify-content:space-between;display:flex}.login-button{width:100%;padding:var(--spacing-md)var(--spacing-lg);background-color:var(--color-primary);color:#fff;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;box-shadow:0 2px 4px #0000001a}.login-button:hover{background-color:#0052cc;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.login-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.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)}}