*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:700}.username-field{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;margin-bottom:20px}.username-field input{margin-bottom:0;flex-grow:1}.randomize-button{background:#0e7490;border:1px solid #0891b2;color:#ffffff;font-size:1.1rem;padding:10px 12px;height:46px;border-radius:8px;cursor:pointer;transition:background .3s,border-color .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.randomize-button:hover{background:#06b6d4;border-color:#0e7490}.auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-content{background:#102c50;padding:30px 25px;border-radius:10px;width:90%;max-width:420px;text-align:center;position:relative;color:#e5e7eb;box-shadow:0 5px 15px rgba(0,0,0,.3);border:1px solid #1e40af;max-height:90vh;overflow-y:auto}.auth-content::-webkit-scrollbar{width:8px}.auth-content::-webkit-scrollbar-track{background:#0e2d55;border-radius:10px}.auth-content::-webkit-scrollbar-thumb{background-color:#2a4c84;border-radius:10px;border:2px solid #0e2d55}.auth-content::-webkit-scrollbar-thumb:hover{background-color:#0891b2}.auth-content{scrollbar-width:thin;scrollbar-color:#2a4c84 #0e2d55}.close-button{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:32px;line-height:1;padding:5px;cursor:pointer;color:#9ca3af;transition:color .3s,transform .2s}.close-button:hover{color:#22d3ee;transform:scale(1.1)}.auth-content h1{color:#ffffff;margin-bottom:25px;font-size:1.75rem}.auth-content p.form-intro-text{color:#d1d5db;margin-bottom:20px;font-size:.9rem}.auth-content label{display:block;margin-bottom:8px;color:#cbd5e1;text-align:left;font-size:.9rem;font-weight:500}.auth-content input{width:100%;padding:12px 15px;margin-bottom:20px;border-radius:8px;border:1px solid #2a4c84;background:#0e2d55;color:#ffffff;outline:none;transition:border-color .3s,background-color .3s,box-shadow .3s;height:46px}.auth-content input:focus{background:#1c3d6e;border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.3)}.auth-content button[type=submit]{background:#0e7490;border:1px solid #0891b2;padding:12px 20px;margin-top:10px;margin-bottom:15px;cursor:pointer;color:#ffffff;font-size:1.1rem;font-weight:600;border-radius:8px;width:100%;height:48px;transition:background-color .3s,border-color .3s,transform .2s}.auth-content button[type=submit]:disabled{background:#374151;border-color:#4b5563;opacity:.7;cursor:not-allowed}.auth-content button[type=submit]:hover:not(:disabled){background:#06b6d4;border-color:#0e7490;transform:scale(1.01)}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;margin-top:5px}.oauth-divider{display:flex;align-items:center;margin:20px 0;color:#9ca3af}.oauth-divider:after,.oauth-divider:before{content:"";flex:1;border-bottom:1px solid #2a4c84}.oauth-divider span{padding:0 15px;font-size:.85em;font-weight:500}.oauth-button{display:flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:8px;border:1px solid #2a4c84;background-color:#0e2d55;color:#e5e7eb;font-size:.95rem;font-weight:500;cursor:pointer;transition:background-color .3s,border-color .3s;text-decoration:none;height:46px}.oauth-button:hover:not(:disabled){background-color:#1c3d6e;border-color:#0891b2}.oauth-button:disabled{background-color:#1f2937;opacity:.6;cursor:not-allowed}.oauth-button svg{margin-right:10px;font-size:1.2em}.password-strength-meter{margin-bottom:15px;margin-top:-10px;text-align:left}.strength-bar-container{height:8px;border-radius:4px;background:#071e3c;overflow:hidden;border:1px solid #2a4c84}.strength-bar{height:100%;border-radius:3px;transition:width .3s,background-color .3s}.password-strength-text{font-size:.8rem;margin-top:6px;font-weight:500;color:#9ca3af}.auth-toggle-links{margin-top:25px;font-size:.9rem}.auth-toggle-links p{margin-bottom:10px;color:#cbd5e1}.auth-toggle-links span,.form-switch-link{color:#22d3ee;cursor:pointer;text-decoration:none;transition:color .3s,text-decoration .3s;font-weight:500;background:none;border:none;padding:0;margin:0 3px}.auth-toggle-links span:hover,.form-switch-link:hover{color:#67e8f9;text-decoration:underline}.error-message{background-color:rgba(239,68,68,.1);color:#f87171;border-radius:8px;border:1px solid rgba(239,68,68,.3)}.error-message,.success-message{padding:12px 15px;margin-bottom:20px;font-size:.9rem;text-align:center;line-height:1.4}.success-message{background-color:rgba(16,185,129,.1);color:#34d399;border-radius:8px;border:1px solid rgba(16,185,129,.3)}