.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;align-items:center;width:100%;max-width:760px;display:flex}.logo-section{flex-direction:column;flex:1;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-lg);letter-spacing:-.03em;text-align:center}.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);flex-direction:column;flex:1;justify-content:center;display:flex}.login-form{gap:var(--spacing-md);margin-top:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-gray-300);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-group input{width:100%;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-gray-900);border:1px solid var(--color-gray-700);border-radius:var(--radius-md);color:var(--color-gray-100);font-size:var(--font-size-body);transition:all .2s ease-in-out}.form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1877f21a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder{color:var(--color-gray-600)}.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;margin-top:var(--spacing-sm);border:none;transition:all .2s ease-in-out;box-shadow:0 2px 4px #0000001a}.login-button:hover:not(:disabled){background-color:#0052cc;box-shadow:0 4px 8px #00000026}.login-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.login-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.login-content{flex-direction:column;max-width:400px}.logo-text{font-size:2.5rem}}@media (max-width:640px){.login-container{padding:var(--spacing-md)}.logo-text{font-size:2rem}.login-card{padding:var(--spacing-lg)}}