.user-auth-page{min-height:100vh;background:radial-gradient(circle at 12% 18%,var(--c-biruz-10),transparent 32%),radial-gradient(circle at 88% 82%,var(--c-purple-10),transparent 36%),linear-gradient(rgba(2,217,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(2,217,255,.025) 1px,transparent 1px),var(--bg);background-size:auto,auto,42px 42px,42px 42px;color:var(--text)}
.user-auth-shell{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:28px}
.user-auth-card{width:min(100%,1080px);padding:0;overflow:hidden;--accent-color:var(--c-biruz)}
.user-auth-layout{display:grid;grid-template-columns:minmax(380px,.92fr) minmax(420px,1.08fr)}
.user-auth-content{position:relative;z-index:2;padding:38px;background:var(--c-biruz-10);border-left:1px solid var(--br-blue)}
.user-character-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:24px 28px 30px;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(2,217,255,.13),transparent 34%),linear-gradient(145deg,var(--bg-glass-darck),rgba(124,77,255,.07));text-align:center}
.user-character-panel::before{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(rgba(2,217,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(2,217,255,.035) 1px,transparent 1px);background-size:36px 36px}.user-character-panel::after{content:'ARDILLA';position:absolute;z-index:-1;right:-12px;bottom:-9px;color:rgba(2,217,255,.055);font-size:72px;font-weight:800;letter-spacing:-5px;pointer-events:none}
.user-character-status{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:6px 12px;border:1px solid rgba(2,217,255,.22);border-radius:16px 0;color:var(--c-biruz);font-size:9px;font-weight:800;letter-spacing:2px}.user-character-status i{width:6px;height:6px;border-radius:50%;background:var(--c-green);box-shadow:0 0 9px var(--c-green);animation:user-agent-pulse 2s ease-in-out infinite}
.user-character-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:350px}.user-character-stage::before,.user-character-stage::after{content:'';position:absolute;aspect-ratio:1;border-radius:50%;pointer-events:none}.user-character-stage::before{width:min(78%,320px);border:1px solid rgba(2,217,255,.17);background:radial-gradient(circle,rgba(2,217,255,.1),transparent 65%);box-shadow:0 0 45px rgba(2,217,255,.08)}.user-character-stage::after{width:min(63%,255px);border:1px dashed rgba(2,217,255,.24);animation:user-agent-orbit 24s linear infinite}.user-character-stage .panel-3d{position:relative;z-index:1;width:min(430px,115%);height:350px;margin:0}.user-character-stage .panel-3d canvas{display:block!important;width:100%!important;height:100%!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.32))}
.user-character-copy{position:relative;z-index:2;margin-top:-15px}.user-character-copy small{color:var(--c-green-60);font-size:9px;font-weight:800;letter-spacing:2.5px}
.user-character-copy h2{margin:7px 0;color:var(--c-biruz-80);font-size:21px}
.user-character-copy p{max-width:390px;margin:0 auto;color:var(--c-biruz-80);font-size:12px;line-height:1.6}.user-character-greeting{margin-top:14px}
@keyframes user-agent-pulse{50%{opacity:.45;transform:scale(.72)}}@keyframes user-agent-orbit{to{transform:rotate(360deg)}}
.user-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:66px}
.user-auth-brand>span{font-size:30px}
.user-auth-brand strong{font-size:22px; font-family: "Handjet", Tahoma, Arial, sans-serif; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; color:var(--br-blue);} 
.user-auth-brand small{margin-left:auto;color:var(--br-blue);font-size:9px;letter-spacing:1.5px}
.user-auth-brand{flex-wrap:wrap}
.user-auth-languages{display:flex;align-items:center;gap:var(--gapm3);margin-left:auto}
.user-auth-languages label{display:inline-flex;align-items:center;gap:var(--gapm4);padding:var(--gapm3) var(--gapm2); corner-shape: bevel; border:1px solid var(--br-blue-40);border-radius:var(--gapm4);color:var(--c-blue);font-size:12px;cursor:pointer}
.user-auth-languages input{appearance:auto;color-scheme:dark;background-color:var(--c-blue-10);width:14px;height:14px;min-height:0;margin:0;accent-color:var(--c-biruz);cursor:pointer}
.user-auth-languages label:has(input:checked){background:var(--c-biruz-20);color:var(--c-blue);border-color:var(--c-blue);font-weight:800}
.user-auth-languages label:focus-within{outline:2px solid var(--c-biruz-40);outline-offset:2px}
.user-auth-languages input[type="checkbox"]:checked::after{display:none;}
.user-auth-form{display:flex;flex-direction:column;gap:16px}
.user-login-honeypot{display:none!important}
.user-auth-form label>span{font-size:11px; color: var(--c-blue-60); font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.user-auth-form label .icon{width: 32px;  height: 32px;  color: var(--br-blue);  fill: none;  stroke: var(--br-blue);}
.user-control{width:100%;min-height:46px;background:var(--bg-input);border:1px solid var(--c-biruz-20);color:var(--text)}
.user-control:focus{border-color:var(--c-biruz);box-shadow:0 0 0 3px var(--c-biruz-10)}
.user-primary-action{width:100%;justify-content:center}.user-auth-links{display:flex;gap:var(--gap);margin-top:var(--gapb1);}
.user-auth-links>*{flex:1;justify-content:center}
.user-form-message{min-height:20px;color:var(--c-red);font-size:12px}.user-form-message.is-success{color:var(--c-green); text-align: center!important;}
.user-challenge{padding:15px;background:var(--c-biruz-20);border:1px solid var(--c-biruz-20);border-radius:var(--gapm2);corner-shape:bevel;  text-align: center!important;}
.user-challenge-title{margin:0 0 8px;font-size:12px;font-weight:800; color:var(--c-yellow-60); text-align: center!important;}
.user-challenge-hint{margin:0 0 12px;color:var(--text-s);font-size:12px;line-height:1.5}
.user-challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.user-challenge-item{display:flex;align-items:center;justify-content:center;min-height:105px;background:var(--bg-input);border:1px solid var(--c-biruz-10);border-radius:var(--gapm3);cursor:pointer}
.user-challenge-item.is-selected{border-color:var(--c-biruz);background:var(--c-biruz-20);box-shadow:inset 0 0 0 2px var(--c-biruz-20)}
.user-challenge-sprite{background-image:url('/templates/acess/img/animal.webp');background-repeat:no-repeat;transform:scale(.72)}
.user-captcha-action{width:100%;justify-content:center;margin-top:12px}
.user-challenge.is-verified{border-color:var(--c-green);background:color-mix(in srgb,var(--c-green) 10%,transparent); text-align: center!important; font-size:18px;}
.user-status-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--bg)}.user-status-card{width:min(100%,620px);padding:30px}.user-status-card form{display:flex;flex-direction:column;gap:15px}.user-status-card textarea{min-height:120px}.user-status-actions{display:flex;gap:12px;margin-top:18px}
.logforminput > label{padding:0;}
.hud-cyber-card.user-auth-card{background:none;}
.hud-cyber-card.user-auth-card::after{display:none;}
.user-auth-page{isolation:isolate}
.user-auth-space{position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(34,60,105,.22),transparent 30%),radial-gradient(circle at 12% 20%,rgba(71,54,145,.13),transparent 28%),radial-gradient(circle at 88% 76%,rgba(13,110,138,.1),transparent 28%),#02030a}
.user-auth-space::before{content:"";position:absolute;inset:-10%;opacity:.34;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,rgba(123,215,255,.9) 0 1px,transparent 1.6px);background-position:0 0,43px 67px;background-size:149px 149px,213px 213px}
.user-auth-stars{position:absolute;inset:0;overflow:hidden}
.user-auth-stars i{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);border-radius:999px;background:var(--star,#fff);box-shadow:0 0 8px 1px color-mix(in srgb,var(--star,#fff) 70%,transparent);opacity:0;animation:user-auth-star-out var(--duration) cubic-bezier(.18,.4,.36,1) infinite;animation-delay:var(--delay)}
.user-auth-stars i::after{content:"";position:absolute;right:50%;top:50%;width:clamp(4px,var(--trail),42px);height:1px;background:linear-gradient(90deg,transparent,var(--star,#fff));transform:translateY(-50%) rotate(var(--angle));transform-origin:right center;opacity:.68}
.user-auth-nebula{position:absolute;inset:-35%;background:conic-gradient(from 140deg at 50% 50%,transparent,rgba(76,94,199,.035),transparent 24%,rgba(40,191,220,.025),transparent 49%,rgba(156,70,176,.025),transparent 73%);animation:user-auth-nebula-turn 350s linear infinite}
.user-auth-space.is-paused i,.user-auth-space.is-paused .user-auth-nebula{animation-play-state:paused}
.panel-3d img {max-width:210px;}

@keyframes user-auth-star-out{0%{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.2)}12%{opacity:.82}70%{opacity:1}100%{opacity:0;transform:translate(var(--ex),var(--ey)) scale(1.65)}}
@keyframes user-auth-nebula-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.user-auth-stars i{display:none}.user-auth-nebula{animation:none}}

@media(max-width:900px){.user-auth-layout{grid-template-columns:1fr}.user-character-panel{padding-bottom:22px}
.user-character-stage{min-height:300px}.user-character-stage .panel-3d{height:300px}.user-auth-content{border-top:1px solid var(--br-blue);border-left:0}
.logforminput > label{padding:6px; width:100%; flex:1;}
}
@media(max-width:620px){.user-auth-shell{padding:12px}.user-auth-content{padding:24px 18px}.user-character-panel{padding:18px 14px}.user-character-stage{min-height:255px}.user-character-stage .panel-3d{width:112%;height:255px}.user-character-copy h2{font-size:18px}.user-auth-links{flex-direction:column}.user-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.user-character-stage{min-height:225px}.user-character-stage .panel-3d{height:225px}.user-character-panel::after{font-size:52px}}