:root{--bg: #0b1320;--surface: #131f33;--surface-border: #233149;--text: #f4f6fb;--text-muted: #9aa7bd;--accent: #e8b54d;--accent-dark: #1a2538;--danger: #f08a8a;--notice-bg: #2c2410;--notice-border: #5c4a1a;--notice-text: #f0d79a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;max-width:430px;margin:0 auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.brand{width:100%;display:flex;justify-content:center;padding-top:4px}.brand-logo{max-height:92px;max-width:220px;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:14px;box-shadow:0 2px 10px #00000040}.content{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:24px 0}.footer{color:var(--text-muted);font-size:13px;padding-top:12px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.hero-icon{font-size:64px;line-height:1}.hero-title{margin:0;font-size:30px;font-weight:800;line-height:1.2}.hero-subtitle{margin:0;font-size:17px;color:var(--text-muted);line-height:1.45;max-width:32ch}.monto{margin:4px 0 0;font-size:40px;font-weight:800;color:var(--accent);letter-spacing:.02em}.card{width:100%;background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.sede{margin:0;font-size:15px;color:var(--text-muted)}.notice{width:100%;background:var(--notice-bg);border:1px solid var(--notice-border);color:var(--notice-text);border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.45;text-align:center}.cta-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.cta{width:100%;min-height:60px;border:none;border-radius:16px;background:var(--accent);color:var(--accent-dark);font-size:20px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .08s ease,opacity .15s ease}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.7;cursor:default}.error-text{margin:0;color:var(--danger);font-size:15px;text-align:center}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:10;background:#3a2a10;color:var(--notice-text);text-align:center;font-size:14px;padding:8px 12px calc(8px + env(safe-area-inset-top))}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid rgba(244,246,251,.25);border-top-color:var(--text);animation:spin .8s linear infinite}.spinner-accent{border-color:#e8b54d40;border-top-color:var(--accent);width:34px;height:34px}.spinner-dark{border-color:#1a25384d;border-top-color:var(--accent-dark)}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.pulse{animation:none}}