@font-face{font-family:Manrope;src:url('/assets/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--text:#e9f0ff;--muted:#a3b3d4;--cyan:#3fe0ff;--border:rgba(150,178,255,.18)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font:15px/1.5 Inter,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 6% 28%,#11374b66,transparent 48%),radial-gradient(ellipse at 92% 30%,#3034784d,transparent 42%),#080f20;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:12px;padding:34px clamp(24px,6vw,96px);font:700 18px Manrope,'Segoe UI',sans-serif}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#051422;background:linear-gradient(130deg,#3fe0ff,#7f8cff);font-size:25px}.brand small{display:block;color:var(--muted);font:500 9px/1.9 Inter,sans-serif;letter-spacing:2px}
main{width:min(1120px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(48px,7vw,100px);align-items:center;padding:36px 0 56px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--cyan)}h1,h2{font-family:Manrope,'Segoe UI',sans-serif}h1{font-size:clamp(36px,3.6vw,52px);line-height:1.16;letter-spacing:-2px;font-weight:700;margin:20px 0}h1 span{color:var(--cyan)}.intro>p{color:var(--muted);max-width:390px;font-size:15px;line-height:1.8;margin:0}.orbit{position:relative;height:230px;max-width:400px;margin-top:22px;overflow:hidden}.orbit-ring{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-18deg);border:1px solid #3fe0ff22;border-radius:50%}.ring-one{width:330px;height:160px}.ring-two{width:230px;height:180px;transform:translate(-50%,-50%) rotate(40deg);border-color:#7f8cff30}.ring-three{width:155px;height:155px;border-style:dashed}.orbit-core{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:88px;height:88px;border:1px solid #3fe0ff44;border-radius:25px;background:linear-gradient(145deg,#16334a,#111b32);box-shadow:0 0 60px #3fe0ff12;color:var(--cyan);font:800 35px Manrope,sans-serif}.orbit-core span{font:600 8px Inter,sans-serif;letter-spacing:2px}.orbit-dot{position:absolute;border-radius:50%;width:8px;height:8px;background:var(--cyan);box-shadow:0 0 14px #3fe0ff80}.dot-one{left:15%;top:30%}.dot-two{right:21%;bottom:25%;background:#7f8cff}.orbit-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#8294b9}
.login-card{padding:38px 36px 28px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(140deg,#ffffff09,transparent 65%),#121c32c9;box-shadow:0 24px 70px #0004}.lock{width:44px;height:44px;background:#3fe0ff0d;border:1px solid #3fe0ff2e;display:grid;place-items:center;border-radius:12px;margin-bottom:25px;color:var(--cyan)}.lock svg{width:23px;height:23px}h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:10px 0}.card-subtitle{font-size:13px;color:var(--muted);margin:0 0 26px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}input,button{font:inherit}input:not([type=hidden]){width:100%;min-width:0;background:#080f2099;color:var(--text);border:1px solid #8eabdd35;border-radius:9px;padding:13px 14px;font-size:13px;height:48px}input::placeholder{color:#8595b3}input:focus{border-color:var(--cyan);outline:2px solid #3fe0ff22;outline-offset:2px}.password{position:relative}.password input{padding-right:78px}.password button{position:absolute;right:4px;top:4px;bottom:4px;background:none;color:var(--muted);border:0;padding:0 12px;font-size:11px;cursor:pointer}.submit{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:25px;padding:14px 17px;border:0;border-radius:9px;background:linear-gradient(100deg,#3fe0ff,#67d9ee);color:#041823;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 24px #3fe0ff18}.submit:hover{filter:brightness(1.08)}.submit:disabled{opacity:.6;cursor:wait}button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.help{font-size:11px;color:var(--muted);margin:22px 0}.help summary{cursor:pointer;line-height:1.7}.help p{line-height:1.8;padding:10px 0;margin:0}.restricted{border-top:1px solid var(--border);padding-top:20px;color:#99aac9;font-size:10px;display:flex;gap:9px;align-items:center}.restricted span{color:var(--cyan);font-size:7px}.error{background:#ff6b8110;border:1px solid #ff6b8144;color:#ffd2da;padding:12px;border-radius:8px;font-size:12px;margin:20px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:22px clamp(24px,6vw,96px);border-top:1px solid #8eabdd12;color:#8294b9;font-size:10px}
@media(max-width:760px){.brand{padding:24px}.intro{display:none}main{display:block;width:min(450px,calc(100% - 32px));padding:16px 0 36px}.login-card{padding:28px 24px}footer{padding:20px 24px;flex-wrap:wrap;font-size:9px}h2{font-size:24px}}@media(prefers-reduced-motion:no-preference){.login-card{animation:entrada .4s ease-out}@keyframes entrada{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}