.login-box{display:flex;flex-direction:column;gap:.75rem;max-width:400px;margin:0 auto;padding:2rem;border:1px solid #ddd;border-radius:6px;background-color:#f9f9f9}.login-title{font-size:1.25rem;margin-bottom:.5rem;text-align:center}.login-input{border:1px solid #ccc;border-radius:4px}.login-button,.login-input{padding:.5rem;font-size:1rem}.login-button{background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-button:hover{background-color:#333}.login-error{color:red;font-size:.9rem;text-align:center}@media (max-width:600px){.login-box{max-width:100%;padding:1rem;border-radius:0;border:none}.login-title{font-size:1.1rem}.login-input{font-size:.95rem;padding:.45rem}.login-button{font-size:.95rem;padding:.5rem}}.auth-login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background)}.auth-login-container{width:100%;max-width:480px;padding:2rem;background:var(--surface-2);border-radius:12px;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.2)}.auth-logo-container{display:flex;justify-content:center;margin-bottom:1rem;width:100%;max-width:480px}.auth-logo{width:66%;max-width:320px;height:auto;object-fit:contain}@media (max-width:600px){.auth-login-page{justify-content:flex-start;padding-top:10vh}}