.auth-container{color:#111827;box-sizing:border-box;background-color:#f3f4f6;justify-content:center;align-items:center;height:100vh;padding:20px;font-family:system-ui,-apple-system,sans-serif;display:flex}.auth-container *{box-sizing:border-box}.auth-card{background-color:#fff;border-radius:8px;width:100%;max-width:400px;padding:40px 30px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{color:#111827;margin:0;font-size:24px;font-weight:600}.auth-container .form-group{margin-bottom:20px}.auth-container .form-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.auth-container .form-input{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.auth-container .form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.auth-container .btn-submit{color:#fff;cursor:pointer;background-color:#111827;border:1px solid #0000;border-radius:6px;width:100%;margin-top:10px;padding:10px 14px;font-size:14px;font-weight:500;transition:background-color .15s ease-in-out}.auth-container .btn-submit:hover:not(:disabled){background-color:#374151}.auth-container .btn-submit:disabled{opacity:.7;cursor:not-allowed}.auth-container .error-alert{color:#b91c1c;text-align:center;background-color:#fee2e2;border:1px solid #f87171;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}@media (width<=480px){.auth-card{padding:30px 20px}}