:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy-0:#070c16;--navy-1:#0b1220;--navy-2:#131d31;--navy-3:#1e2a42;--ink:#f4f6fa;--ink-soft:#b6c0d2;--ink-mute:#8a95aa;--gold:#eab818;--gold-hi:#ffe17a;--gold-deep:#b98a0c;--accent:#f3dfa2;--ok:#34d399;--danger:#f87171;--display:"Syne", "Segoe UI", system-ui, sans-serif;--body:"DM Sans", "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 0%, var(--navy-2) 0%, var(--navy-1) 55%, var(--navy-0) 100%) fixed;color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5}button{font:inherit}.puerta-fx{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.door{place-items:center;min-height:100dvh;padding:24px 16px;display:grid;position:relative}.card{-webkit-backdrop-filter:blur(10px);background:linear-gradient(#131d31c7,#0b1220db);border:1px solid #eab81838;border-radius:24px;justify-items:center;gap:18px;width:min(360px,100%);padding:30px 26px 22px;animation:.5s both in;display:grid;box-shadow:0 24px 60px #00000073}.card.wide{width:min(420px,100%)}@keyframes in{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}.logo{border-radius:50%;width:84px;height:84px;box-shadow:0 0 0 3px #eab81840,0 10px 30px #eab8182e}.appname{font-family:var(--display);letter-spacing:.02em;margin:-6px 0 0;font-size:26px;font-weight:800}.title{font-family:var(--display);letter-spacing:.12em;text-align:center;margin:0;font-size:15px}.step{gap:12px;width:100%;display:grid}.hint{color:var(--ink-soft);text-align:center;margin:0;font-size:13.5px;line-height:1.5}.hint.just{text-align:justify;-webkit-hyphens:none;hyphens:none}.btn{letter-spacing:.08em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:14px;font-weight:700;transition:transform .12s,box-shadow .2s,opacity .2s;display:flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:linear-gradient(135deg, var(--gold-hi) 0%, var(--gold) 45%, var(--gold-deep) 100%);color:#0b1220;box-shadow:0 8px 24px #eab81847}.btn.ghost{color:var(--ink);background:#ffffff0a;border:1px solid #ffffff1f}.field{width:100%;color:var(--ink);font:inherit;background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field::placeholder{color:var(--ink-mute)}.field:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #f3dfa238,0 0 24px #f3dfa24d}.chip{color:var(--ink-soft);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;justify-self:center;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.otp{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.otp input{text-align:center;font-family:var(--display);padding:12px 0;font-size:22px;font-weight:700}.error{color:var(--danger);text-align:center;margin:0;font-size:13px}.error:empty{display:none}.foot{justify-items:center;gap:8px;width:100%;margin-top:2px;display:grid}.link{color:var(--gold);letter-spacing:.14em;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:700}.link.soft{letter-spacing:.02em;font-weight:600}.seal{color:var(--ink-mute);letter-spacing:.12em;font-size:11px}.qr{background:#fff;border-radius:14px;justify-self:center;padding:10px}.qr canvas{display:block}.key{letter-spacing:.08em;word-break:break-all;text-align:center;color:var(--ink-soft);background:#ffffff0a;border-radius:10px;padding:8px 10px;font-family:ui-monospace,Consolas,monospace;font-size:13px}.codes{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.codes li{letter-spacing:.08em;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:9px 4px;font-family:ui-monospace,Consolas,monospace;font-size:15px}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn:focus-visible,.link:focus-visible,.chip:focus-visible,.sheet button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}.sheet-back{z-index:10;background:#03060c8c;place-items:end center;animation:.2s both fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--navy-2);border:1px solid var(--navy-3);border-bottom:0;border-radius:22px 22px 0 0;gap:6px;width:min(460px,100%);max-height:88dvh;padding:12px 18px 22px;animation:.25s both up;display:grid;overflow-y:auto}@keyframes up{0%{transform:translateY(24px)}}.sheet .grip{background:var(--navy-3);border-radius:4px;justify-self:center;width:44px;height:4px;margin-bottom:8px}.sheet h2{font-family:var(--display);letter-spacing:.1em;margin:0 0 6px;font-size:15px}.sheet .item{text-align:left;color:var(--ink);background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:2px;padding:12px 14px;display:grid}.sheet .item b{letter-spacing:.06em;font-size:13.5px}.sheet .item span{color:var(--ink-mute);text-align:justify;font-size:12.5px;line-height:1.5}.sheet .close{text-align:center;color:var(--ink);cursor:pointer;letter-spacing:.08em;background:0 0;border:1px solid #ffffff1f;border-radius:12px;padding:12px;font-weight:700}@media (prefers-reduced-motion:reduce){.card,.sheet,.sheet-back{animation:none}}