:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(79,172,254,.15) 0%,transparent 70%);border-radius:50%;top:-250px;right:-250px;animation:float 20s ease-in-out infinite}.auth-container:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,242,254,.1) 0%,transparent 70%);border-radius:50%;bottom:-200px;left:-200px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.auth-card{background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(79,172,254,.2);border-radius:20px;padding:40px;max-width:450px;width:100%;box-shadow:0 20px 60px #00000080,0 0 40px #4facfe1a;position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{font-size:3rem;font-weight:900;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 10px rgba(79,172,254,.5))}50%{filter:drop-shadow(0 0 20px rgba(79,172,254,.8))}}.auth-title{color:#e0e0e0;font-size:1.5rem;font-weight:600;margin:10px 0 5px}.auth-subtitle{color:#888;font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#ccc;font-size:.9rem;font-weight:500}.form-input{padding:14px 16px;background:#2c2c2ccc;border:1px solid #444;border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#4facfe;box-shadow:0 0 0 3px #4facfe1a;background:#2c2c2c}.form-input::placeholder{color:#666}.error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:12px;color:#ff6b6b;font-size:.9rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.success-message{background:#28a7451a;border:1px solid rgba(40,167,69,.3);border-radius:8px;padding:12px;color:#51cf66;font-size:.9rem}.auth-button{padding:14px;background:linear-gradient(90deg,#4facfe,#00f2fe);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4facfe66}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-link{text-align:center;margin-top:20px;color:#888;font-size:.9rem}.auth-link a{color:#4facfe;text-decoration:none;font-weight:600;transition:color .3s ease}.auth-link a:hover{color:#00f2fe;text-decoration:underline}.password-strength{display:flex;gap:4px;margin-top:8px}.strength-bar{flex:1;height:4px;background:#333;border-radius:2px;transition:background .3s ease}.strength-bar.active{background:#4facfe}.strength-bar.weak{background:#ff6b6b}.strength-bar.medium{background:#ffd93d}.strength-bar.strong{background:#51cf66}@media(max-width:500px){.auth-card{padding:30px 20px}.auth-logo{font-size:2.5rem}.auth-title{font-size:1.3rem}}