/* 1DG Neon: visual changes scoped to the authentication view only */
html body #authView.auth-view{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:32px 16px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#10102b 0%,#06091c 52%,#020511 100%)!important;color:#e9edff}
#authView .neon-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
#authView .neon-arc{position:absolute;top:-27%;width:44vw;min-width:390px;height:105%;border:3px solid transparent;border-radius:50%;filter:drop-shadow(0 0 8px #0bbdff) drop-shadow(0 0 24px #5728ff);animation:arcBreathe 7s ease-in-out infinite alternate}
#authView .arc-left{left:-24%;border-right-color:#00caff;border-bottom-color:#cf26ff;transform:rotate(-10deg)}
#authView .arc-right{right:-24%;border-left-color:#12bfff;border-bottom-color:#bb24ff;transform:rotate(10deg);animation-delay:-3.5s}
#authView .neon-floor{position:absolute;bottom:-6%;height:30%;left:-10%;right:-10%;background:repeating-linear-gradient(175deg,transparent 0 55px,rgba(44,60,171,.11) 57px 59px),linear-gradient(0deg,rgba(23,15,90,.65),transparent 85%);transform:perspective(300px) rotateX(38deg);transform-origin:bottom;opacity:.8}
#authView .neon-floor-light{position:absolute;bottom:-17%;left:23%;right:23%;height:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(69,42,255,.34),rgba(0,163,255,.15) 40%,transparent 70%);filter:blur(24px);animation:floorGlow 6s ease-in-out infinite alternate}
html body #authView .auth-card{position:relative;width:min(580px,100%);max-width:580px;min-height:630px;padding:60px 58px 32px;border:1.5px solid transparent;border-radius:26px;background:linear-gradient(#060d22,#09091e) padding-box,linear-gradient(125deg,#08d9ff 0%,#096fff 29%,#7b26ff 70%,#e22bff 100%) border-box!important;box-shadow:-8px 0 25px -15px #00bfff,8px 0 25px -15px #cf16ff,0 25px 65px #0009,0 0 30px #2535bc44;animation:cardGlow 6s ease-in-out infinite alternate;overflow:hidden}
#authView .auth-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.045) 50%,transparent 65%);transform:translateX(-120%);animation:glassSweep 10s ease-in-out infinite}
#authView .auth-card-tools{position:absolute;right:17px;top:14px;z-index:2;margin:0}
#authView .lang-switch{background:transparent;border:1px solid #263453;color:#aab7da;box-shadow:none;height:30px;min-width:38px;padding:0 8px;font-size:11px}
html body #authView .brand.brand-center{display:flex;flex-direction:column;align-items:center;gap:3px;margin:0 0 30px}
html body #authView .brand-mark{display:block;width:auto;height:auto;min-width:0;min-height:0;border-radius:0;background:linear-gradient(115deg,#fff3e6 12%,#fefefe 29%,#54caff 51%,#9c7cff 73%,#db61ff 92%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:1000;font-size:clamp(58px,6vw,82px);font-style:italic;line-height:1.15;letter-spacing:-.085em;transform:skewX(-6deg);text-shadow:none;filter:drop-shadow(0 0 10px #6e50ff9c);box-shadow:none;animation:logoShimmer 6s ease-in-out infinite alternate;padding-right:12px}
html body #authView .brand-sub{font-size:12px;font-weight:600;letter-spacing:.28em;text-align:center;color:#b9c4df}
html body #authView .auth-tabs{display:none}
html body #authView .auth-form{gap:14px}
html body #authView .auth-form label{font-size:12px;color:#c5d4f0}
html body #authView .neon-input{position:relative;display:block}
html body #authView .neon-input>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
html body #authView .auth-form input:not([type=checkbox]){height:60px;min-height:60px;padding:14px 18px;color:#eff8ff;background:linear-gradient(105deg,rgba(7,22,46,.9),rgba(16,15,41,.92));border:1px solid #2a355d;border-radius:16px;font-size:16px;box-shadow:inset 0 1px 9px #0002}
html body #authView .auth-form input::placeholder{color:#9ba9ca}
html body #authView .auth-form input:focus{border-color:#25c9ff;box-shadow:0 0 0 3px #00bfff22,0 0 16px #553cff30}
html body #authView .neon-links{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;min-height:32px}
html body #authView .neon-links .check{display:flex!important;align-items:center;gap:6px;font-size:11px;color:#8798b9;font-weight:500}
html body #authView .neon-links input{accent-color:#7c35ff}
html body #authView .neon-text-link{border:0;background:transparent;color:#c13cff;font-weight:700;font-size:14px;cursor:pointer;padding:3px 0}
html body #authView .neon-text-link:hover{color:#e69aff;text-decoration:underline}
html body #authView .neon-submit{position:relative;min-height:68px;margin-top:0;border:1px solid #cc69ff;border-radius:16px;background:linear-gradient(105deg,#00cfff,#1666ff 41%,#7c19ff 72%,#e018e9);box-shadow:0 0 26px #5b2bff65;color:white;font-size:23px;font-weight:800;text-transform:none;transition:filter .2s,transform .2s,box-shadow .2s}
html body #authView .neon-submit span{margin-left:18px;font-size:28px;font-weight:400}
html body #authView .neon-submit:hover{filter:brightness(1.15);box-shadow:0 0 35px #a12aff9c;transform:translateY(-2px)}
html body #authView .neon-bottom{margin-top:31px;text-align:center;color:#a7b4d3;font-size:16px}
html body #authView .neon-bottom>span{display:flex;align-items:center;gap:17px;color:#b6bed6}
html body #authView .neon-bottom>span:before,#authView .neon-bottom>span:after{content:'';height:1px;flex:1;background:#2d385d}
html body #authView .neon-bottom p{margin:24px 0 0}
html body #authView .neon-bottom .neon-text-link{font-size:16px;margin-left:7px}
html body #authView .auth-status{display:none}
html body #authView .auth-card:has(#registerForm:not(.hidden)) .auth-tabs,html body #authView .auth-card:has(#recoverForm:not(.hidden)) .auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 16px;background:#0a122b;padding:5px;border:1px solid #2b365e}
html body #authView .auth-card:has(#registerForm:not(.hidden)),html body #authView .auth-card:has(#recoverForm:not(.hidden)){padding-top:35px}
html body #authView .auth-card:has(#registerForm:not(.hidden)) .brand.brand-center,html body #authView .auth-card:has(#recoverForm:not(.hidden)) .brand.brand-center{margin-bottom:14px}
html body #authView .auth-card:has(#registerForm:not(.hidden)) .brand-mark,html body #authView .auth-card:has(#recoverForm:not(.hidden)) .brand-mark{font-size:52px}
html body #authView .auth-card:has(#registerForm:not(.hidden)) .neon-bottom,html body #authView .auth-card:has(#recoverForm:not(.hidden)) .neon-bottom{display:none}
@keyframes arcBreathe{from{filter:drop-shadow(0 0 6px #00caff) drop-shadow(0 0 14px #512cff);opacity:.82}to{filter:drop-shadow(0 0 16px #00caff) drop-shadow(0 0 32px #b124ff);opacity:1}}
@keyframes floorGlow{from{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.1)}}
@keyframes cardGlow{from{box-shadow:-8px 0 25px -15px #00bfff,8px 0 25px -15px #cf16ff,0 25px 65px #0009,0 0 15px #2535bc33}to{box-shadow:-8px 0 35px -10px #00bfff,8px 0 35px -10px #cf16ff,0 25px 65px #0009,0 0 30px #6935ff66}}
@keyframes glassSweep{0%,35%,100%{transform:translateX(-120%)}65%{transform:translateX(120%)}}
@keyframes logoShimmer{from{background-position:0% center}to{background-position:100% center}}
@media(max-width:640px){html body #authView.auth-view{padding:18px 12px}html body #authView .auth-card{padding:55px 23px 25px;min-height:0;border-radius:20px}html body #authView .brand-mark{font-size:65px}html body #authView .brand-sub{font-size:9px;letter-spacing:.18em}html body #authView .auth-form input:not([type=checkbox]){height:54px;min-height:54px;font-size:14px}html body #authView .neon-submit{min-height:58px;font-size:19px}html body #authView .neon-bottom{font-size:13px}html body #authView .neon-bottom .neon-text-link{font-size:13px}#authView .arc-left{left:-90%}#authView .arc-right{right:-90%}}
@media(prefers-reduced-motion:reduce){#authView .neon-arc,#authView .neon-floor-light,#authView .auth-card,#authView .auth-card:after,#authView .brand-mark{animation:none!important}}
