:root{--design-width:1672;--design-height:941;--scale:1;--offset-x:0px;--offset-y:0px;--mx:0;--my:0;--algiz-blue:#0c63ff;--algiz-cyan:#09c7ee;--navy:#061d43;--ink:#0a1020}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#f8fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif}button,input,a{font:inherit}.viewport{position:fixed;inset:0;overflow:hidden;background:#f8fbff}.stage{position:absolute;left:var(--offset-x);top:var(--offset-y);width:1672px;height:941px;transform:scale(var(--scale));transform-origin:0 0;isolation:isolate;overflow:hidden}.reference{position:absolute;inset:0;z-index:0;display:block;width:1672px;height:941px;object-fit:fill;user-select:none;-webkit-user-drag:none;pointer-events:none}
/* Capa viva: no sustituye ni desplaza el diseño original. */
.algiz-alive{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mix-blend-mode:normal}.algiz-alive:before{content:"";position:absolute;inset:0;background:linear-gradient(113deg,transparent 20%,rgba(10,112,255,.025) 44%,rgba(0,214,255,.075) 49.5%,rgba(255,255,255,.025) 54%,transparent 73%);transform:translateX(-38%);animation:globalSweep 11s cubic-bezier(.35,.05,.25,1) infinite}.wolf-aura{position:absolute;left:590px;top:102px;width:480px;height:738px;border-radius:42%;background:radial-gradient(ellipse at 50% 52%,rgba(0,201,255,.13) 0,rgba(21,109,255,.055) 37%,transparent 70%);filter:blur(16px);opacity:.72;transform:translate3d(calc(var(--mx)*2px),calc(var(--my)*2px),0);animation:auraBreath 6.8s ease-in-out infinite}.wolf-hud{position:absolute;border:1px solid rgba(20,130,255,.18);filter:drop-shadow(0 0 11px rgba(0,177,255,.12));transform:translate3d(calc(var(--mx)*4px),calc(var(--my)*3px),0) rotate(0deg)}.wolf-hud:after{content:"";position:absolute;inset:12%;border:1px dashed rgba(0,199,255,.12);clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}.wolf-hud-a{left:627px;top:116px;width:407px;height:694px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);animation:hudPulse 8s ease-in-out infinite}.wolf-hud-b{left:658px;top:151px;width:345px;height:625px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);opacity:.45;animation:hudPulse 8s 1.4s ease-in-out infinite reverse}.eye-glow{position:absolute;width:34px;height:11px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.95) 0,rgba(38,196,255,.82) 18%,rgba(0,93,255,.28) 58%,transparent 76%);filter:blur(2px) drop-shadow(0 0 11px #00cfff);opacity:.72;animation:eyeBreath 4.8s ease-in-out infinite}.eye-left{left:844px;top:468px;transform:rotate(24deg)}.eye-right{left:986px;top:468px;transform:rotate(-24deg);animation-delay:.18s}.energy-node{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(0,192,255,.16),0 0 15px 4px rgba(0,140,255,.48);animation:nodePulse 5.6s ease-in-out infinite}.node-a{left:720px;top:665px}.node-b{left:1046px;top:670px;animation-delay:1.3s}.node-c{left:822px;top:748px;animation-delay:2.4s}.node-d{left:964px;top:792px;animation-delay:3.2s}.circuit-pulse{position:absolute;height:2px;width:88px;opacity:0;background:linear-gradient(90deg,transparent,#00bfff 42%,#fff 52%,#0d6bff 62%,transparent);filter:drop-shadow(0 0 5px rgba(0,179,255,.55));animation:traceRun 7.5s linear infinite}.pulse-a{left:553px;top:708px;transform:rotate(43deg)}.pulse-b{left:1002px;top:308px;transform:rotate(61deg);animation-delay:2.5s}.pulse-c{left:586px;top:230px;transform:rotate(-55deg);animation-delay:4.9s}.panel-edge{position:absolute;left:1467px;top:109px;width:79px;height:738px;border-radius:0 30px 30px 0;box-shadow:inset -2px 0 rgba(0,214,255,.34),8px 0 28px rgba(0,109,255,.08);opacity:.7;animation:panelEdge 5.5s ease-in-out infinite}.secure-pulse{position:absolute;left:1564px;top:56px;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 0 rgba(13,99,255,.35);animation:securePing 4s ease-out infinite}.status-pulse{position:absolute;bottom:62px;width:6px;height:6px;border-radius:50%;background:#0c63ff;box-shadow:0 0 10px rgba(0,139,255,.6);opacity:.28;animation:statusBlink 5s ease-in-out infinite}.status-a{left:88px}.status-b{left:270px;animation-delay:1.5s}.status-c{left:440px;animation-delay:3s}
.login-overlay{position:absolute;inset:0;z-index:3}.field{position:absolute;display:block;border:1px solid transparent;border-radius:12px;outline:none;color:transparent;caret-color:transparent;background:transparent;padding:0 44px 0 42px;font-size:14px;line-height:1;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.field::placeholder{color:transparent}.field:hover{box-shadow:inset 0 0 0 1px rgba(13,99,255,.12),0 4px 13px rgba(6,88,210,.035)}.field:focus,.field.has-value{color:#526b99;caret-color:var(--algiz-blue);background:rgba(255,255,255,.988);border-color:#b9cae7;box-shadow:0 0 0 3px rgba(13,99,255,.09),0 9px 26px rgba(10,83,200,.08)}.field:focus{transform:translateY(-1px)}.field:focus::placeholder{color:#7185aa}.username{left:1124px;top:371px;width:322px;height:46px}.username-cleanplate{position:absolute;left:1162px;top:378px;width:154px;height:31px;z-index:0;border-radius:6px;background:rgba(255,255,255,.985);pointer-events:none}.field{z-index:1}.password{left:1124px;top:479px;width:322px;height:47px}.click-target{position:absolute;display:block;border:0;padding:0;margin:0;background:transparent;color:transparent;cursor:pointer;text-decoration:none;outline:none;border-radius:10px}.click-target:focus-visible{box-shadow:0 0 0 3px rgba(12,99,255,.34)}.forgot{left:1124px;top:548px;width:118px;height:42px}.forgot:after{content:"";position:absolute;left:0;right:5px;bottom:5px;height:1px;background:linear-gradient(90deg,#0c63ff,#09c7ee);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.forgot:hover:after,.forgot:focus-visible:after{transform:scaleX(1)}.password-toggle{left:1403px;top:485px;width:38px;height:34px;border-radius:50%}.toggle-eye{position:absolute;left:12px;top:11px;width:14px;height:9px;border:1.5px solid rgba(33,84,156,.42);border-radius:70% 30%;opacity:0;transition:opacity .18s,filter .18s}.password-toggle:hover .toggle-eye,.password-toggle:focus-visible .toggle-eye{opacity:.9;filter:drop-shadow(0 0 4px rgba(0,155,255,.45))}.submit{left:1124px;top:614px;width:322px;height:46px;border-radius:13px;overflow:hidden}.submit:before{content:"";position:absolute;inset:0;border-radius:13px;box-shadow:0 0 0 0 rgba(0,193,255,0);transition:box-shadow .22s ease,transform .22s ease;background:rgba(255,255,255,0)}.submit:hover:before,.submit:focus-visible:before{box-shadow:0 10px 24px rgba(5,96,255,.18),0 0 0 1px rgba(122,235,255,.38) inset;background:rgba(255,255,255,.045)}.button-sheen{position:absolute;top:-25%;bottom:-25%;left:-38%;width:25%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);opacity:0}.submit:hover .button-sheen{opacity:1;animation:buttonSheen .68s ease forwards}.submit:active{transform:translateY(1px)}.submit[disabled]{cursor:wait;background:linear-gradient(90deg,rgba(8,91,255,.12),rgba(0,196,255,.12))}.busy-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;letter-spacing:.11em;opacity:0;text-shadow:0 1px 8px rgba(0,57,145,.5)}.submit[disabled] .busy-label{opacity:1;animation:busyPulse 1.2s ease-in-out infinite}.toast{position:fixed;left:50%;bottom:24px;z-index:20;min-width:min(420px,calc(100vw - 32px));max-width:calc(100vw - 32px);transform:translate(-50%,18px);opacity:0;pointer-events:none;border:1px solid rgba(42,111,255,.24);border-radius:14px;background:rgba(8,20,43,.94);color:#fff;padding:13px 16px;font-size:13px;line-height:1.45;box-shadow:0 18px 50px rgba(6,20,48,.24);backdrop-filter:blur(14px);transition:opacity .18s ease,transform .18s ease}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:rgba(255,98,98,.46)}.toast.success{border-color:rgba(26,216,139,.46)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.field:-webkit-autofill,.field:-webkit-autofill:hover,.field:-webkit-autofill:focus{-webkit-text-fill-color:#526b99;box-shadow:0 0 0 1000px rgba(255,255,255,.985) inset,0 0 0 3px rgba(13,99,255,.08);border-color:#cbd6e8;transition:background-color 9999s ease-out 0s}
@keyframes globalSweep{0%,68%{transform:translateX(-40%);opacity:0}73%{opacity:.8}86%{opacity:.35}100%{transform:translateX(45%);opacity:0}}@keyframes auraBreath{0%,100%{opacity:.44;filter:blur(18px)}50%{opacity:.8;filter:blur(12px)}}@keyframes hudPulse{0%,100%{opacity:.16}50%{opacity:.44}}@keyframes eyeBreath{0%,100%{opacity:.38;filter:blur(2.4px) drop-shadow(0 0 7px #00cfff)}45%{opacity:.86;filter:blur(1.3px) drop-shadow(0 0 15px #00cfff)}}@keyframes nodePulse{0%,100%{transform:scale(.7);opacity:.2}40%{transform:scale(1.35);opacity:.95}65%{transform:scale(.9);opacity:.35}}@keyframes traceRun{0%,55%{opacity:0;transform-origin:center}60%{opacity:.2}66%{opacity:.95}73%{opacity:.08}80%,100%{opacity:0}}@keyframes panelEdge{0%,100%{opacity:.35;filter:brightness(.9)}50%{opacity:.85;filter:brightness(1.35)}}@keyframes securePing{0%{box-shadow:0 0 0 0 rgba(13,99,255,.35);opacity:.8}65%{box-shadow:0 0 0 16px rgba(13,99,255,0);opacity:.2}100%{box-shadow:0 0 0 0 rgba(13,99,255,0);opacity:0}}@keyframes statusBlink{0%,100%{opacity:.15}50%{opacity:.75}}@keyframes buttonSheen{0%{left:-38%}100%{left:115%}}@keyframes busyPulse{0%,100%{opacity:.72}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.algiz-alive{opacity:.55}}