.auth-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;font-family:var(--font-geist-sans),system-ui,-apple-system,sans-serif}.auth-card{background:#2c2c2c;border-radius:10px;border-top:3px solid #1a99ff;padding:2rem;width:100%;max-width:400px;box-shadow:0 .25rem .5rem 0 rgba(3,3,3,.12),0 0 .25rem 0 rgba(3,3,3,.06)}@media (min-width:768px){.auth-card{max-width:500px;padding:3rem}}.auth-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;min-height:80px}.auth-logo-bg{width:300px;height:120px;background-image:url(/logo-text-dark.png);background-size:contain;background-position:50%;background-repeat:no-repeat}.auth-logo-image{max-width:200px;max-height:80px;width:auto;height:auto;object-fit:contain}.auth-title{color:#ffffff;font-size:1.5rem;font-weight:500}.auth-description,.auth-title{margin-bottom:1.5rem;text-align:center}.auth-description{color:#cccccc;font-size:.875rem;line-height:1.5}.auth-form{gap:1rem}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:.5rem}.auth-label{font-weight:500;margin-bottom:.25rem}.auth-input,.auth-label{color:#ffffff;font-size:.875rem}.auth-input{background-color:#1b1b1b;border:1px solid #1b1b1b;border-radius:10px;height:2.5rem;padding:.375rem .75rem;transition:border-color .2s ease-in-out}.auth-input:focus{outline:none;border-color:#1a99ff;box-shadow:0 0 0 .125rem rgba(26,153,255,.25)}.auth-input-error,.auth-input-error:focus{border-color:#dc2626!important}.auth-input-error:focus{box-shadow:0 0 0 .125rem rgba(220,38,38,.25)!important}.auth-field-error{color:#fca5a5;font-size:.75rem;margin-top:.25rem;display:block}.auth-input::placeholder{color:#6c757d}.auth-checkbox-group{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0}.auth-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.auth-checkbox{width:1rem;height:1rem;accent-color:#1a99ff}.auth-checkbox-label{color:#ffffff;font-size:.875rem;cursor:pointer}.auth-forgot-password{color:#1a99ff;font-size:.875rem;text-decoration:none;transition:color .2s ease-in-out}.auth-forgot-password:hover{color:#1a7eff}.auth-button{background-color:#1a99ff;border:1px solid #1a99ff;border-radius:10px;color:#ffffff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:background-color .2s ease-in-out;width:100%}.auth-button:hover:not(:disabled){background-color:#1a7eff;border-color:#1a7eff}.auth-button:disabled{opacity:.65;cursor:not-allowed}.auth-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;padding:.75rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}.auth-error:before{content:"⚠️";flex-shrink:0;margin-top:.125rem}@media (prefers-color-scheme:dark){.auth-error{background-color:#431717;border:1px solid #7f1d1d;color:#fca5a5}}.auth-container{background:#1b1b1b}.auth-error{background-color:#431717;border:1px solid #7f1d1d;color:#fca5a5}.auth-link{color:#ffffff;font-size:.875rem;margin-top:1rem;text-align:center}.auth-link a{color:#1a99ff;text-decoration:none;transition:color .2s ease-in-out}.auth-link a:hover{color:#1a7eff}@media (prefers-color-scheme:light){.auth-container{background:#f0f0f0}.auth-card{background:#ffffff;border:1px solid #d1d5db;border-top:3px solid #1a99ff}.auth-logo-bg{background-image:url(/logo-text-light.png)}.auth-title{color:#151515}.auth-description{color:#666666}.auth-input,.auth-label{color:#151515}.auth-input{background-color:#ffffff;border-color:#d1d5db}.auth-input:focus{border-color:#1a99ff;box-shadow:0 0 0 .125rem rgba(26,153,255,.25)}.auth-input-error,.auth-input-error:focus{border-color:#dc2626!important}.auth-input-error:focus{box-shadow:0 0 0 .125rem rgba(220,38,38,.25)!important}.auth-field-error{color:#dc2626}.auth-checkbox-label,.auth-link{color:#151515}.auth-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}}@media (max-width:768px){.auth-container{padding:.5rem}.auth-card{padding:1.5rem}.auth-logo-bg{width:150px;height:60px}.auth-logo-container{min-height:60px}}@media (max-width:480px){.auth-container{padding:.25rem}.auth-card{padding:1rem}.auth-logo-bg{width:120px;height:50px}.auth-logo-container{min-height:50px}.auth-title{font-size:1.25rem}.auth-input{font-size:16px}.auth-checkbox-group{flex-direction:column;align-items:flex-start;gap:.5rem}.auth-forgot-password{align-self:flex-end}}