*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cyan: #00c8ff;--magenta: #cc00ff;--bg: #08080f;--surface-0: #0c0c18;--surface-1: #111122;--surface-2: #171730;--border: rgba(255,255,255,.07);--border-mid: rgba(255,255,255,.12);--text: #eef0ff;--text-muted: #a8b0d0;--text-dim: #8088a8;--danger: #ff4d6d;--success: #22c55e}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-glow:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.06) 0%,transparent 70%);top:-200px;left:-100px;animation:drift1 12s ease-in-out infinite alternate}.bg-glow:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(204,0,255,.05) 0%,transparent 70%);bottom:-150px;right:-100px;animation:drift2 15s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(60px,40px)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-40px,-60px)}}.bg-dots{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:28px 28px}.auth-wrap{position:relative;z-index:1;display:flex;gap:0;width:820px;max-width:calc(100vw - 32px);background:var(--surface-0);border:1px solid var(--border-mid);border-radius:20px;overflow:hidden;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff0a}.auth-left{width:340px;flex-shrink:0;background:linear-gradient(160deg,#0a0a1a,#0d0d20);border-right:1px solid var(--border);padding:48px 36px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-left:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,200,255,.08) 0%,transparent 70%);top:-80px;left:-80px;pointer-events:none}.auth-left:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(204,0,255,.07) 0%,transparent 70%);bottom:40px;right:-60px;pointer-events:none}.auth-left-content{position:relative;z-index:1}.auth-tagline{font-size:22px;font-weight:700;line-height:1.3;color:var(--text);margin-bottom:12px}.auth-tagline span{background:linear-gradient(90deg,var(--cyan),var(--magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-sub{font-size:13px;color:var(--text-muted);line-height:1.6}.auth-footer{font-size:11px;color:var(--text-dim);position:relative;z-index:1;margin-top:32px;padding-top:16px}.auth-right{flex:1;padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.card-title{font-size:22px;font-weight:700;margin-bottom:6px}.card-sub{font-size:13px;color:var(--text-muted);margin-bottom:28px;line-height:1.55}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.field input{background:var(--surface-2);border:1px solid var(--border-mid);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--text);font-family:Outfit,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.field input:focus{border-color:#00c8ff66;box-shadow:0 0 0 3px #00c8ff14}.field input::-moz-placeholder{color:var(--text-dim)}.field input::placeholder{color:var(--text-dim)}.pass-wrap{position:relative;display:flex}.pass-wrap input{flex:1;padding-right:42px}.pass-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;color:var(--text-dim);padding:6px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.pass-toggle:hover{color:var(--text);background:#ffffff0d}.btn{width:100%;padding:13px;background:linear-gradient(90deg,var(--cyan),var(--magenta));border:none;border-radius:10px;color:#08080f;font-size:14px;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;margin-top:8px;transition:opacity .2s,transform .15s}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.msg{border-radius:8px;padding:11px 14px;font-size:13px;margin-bottom:16px;display:none}.msg.error{background:#ff4d6d14;border:1px solid rgba(255,77,109,.25);color:var(--danger)}.msg.success{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:var(--success)}.back-link{display:block;text-align:center;margin-top:20px;font-size:13px;color:var(--text-dim);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--cyan)}.spinner{width:15px;height:15px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite;display:inline-block;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.auth-left{display:none}.auth-right{padding:32px 24px}}