:root{color-scheme:dark;--bg:#080d20;--panel:#11192e;--muted:#9caac4;--cyan:#00e1ff;--yellow:#ffc900;--line:#263049}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#17304a55,transparent 60%),var(--bg);color:#f5f7ff;font:16px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;padding:24px 6vw;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:14px;color:var(--yellow);font-size:32px;font-weight:900;text-decoration:none}.brand span{font-size:23px;color:white}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}.tag,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--cyan)}main{max-width:1100px;margin:40px auto;padding:0 24px 180px}.login{max-width:510px;margin:50px auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:30px}h1{font-size:clamp(32px,5vw,47px);line-height:1.12;letter-spacing:-1.5px;margin:18px 0}h2{font-size:21px;margin:10px 0}p{margin:14px 0}.muted{color:var(--muted)}.small{font-size:13px}label{display:block;margin:22px 0 8px;font-weight:700}input{width:100%;padding:14px;border:1px solid #43516b;background:#080d20;border-radius:12px;color:white;font:inherit}button{font:inherit;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:700}.primary{background:var(--cyan);color:#080d20;width:100%;margin-top:16px}.secondary{background:#263049;color:white;margin-top:12px}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.amount{font-size:44px;color:var(--yellow)}.row{padding:12px 0;border-bottom:1px solid var(--line)}.helper{position:fixed;right:22px;bottom:24px;z-index:10;display:flex;align-items:flex-end;gap:12px}#avatar{width:128px;height:128px;border:3px solid var(--cyan);border-radius:50%;padding:0;overflow:hidden;background:#ffd87c;box-shadow:0 8px 35px #0008;touch-action:none;flex-shrink:0}#avatar span{display:block;width:100%;height:100%;background-image:url('/assets/personajes-principales-v1.png');background-size:300% 200%;background-position:0 0;pointer-events:none}#bubble{width:min(280px,calc(100vw - 175px));background:#1b2b45;border:1px solid #385375;padding:18px;border-radius:20px;font-size:14px}[hidden]{display:none!important}@media(max-width:620px){header{padding:18px}.tag{font-size:8px;max-width:100px}.grid{grid-template-columns:1fr}.card{padding:23px}.login{margin:24px auto}main{padding:0 16px 180px;margin-top:25px}.heading{align-items:flex-start}.heading button{font-size:12px}#avatar{width:120px;height:120px}}