:root{--ink: #241026;--muted: #6b5b73;--line: #e4dbe8;--bg: #f4eef7;--surface: #ffffff;--accent: #f2b134;--accent-ink: #a8790c;--error: #b3261e;--success: #1e7a3c;--warning: #8a5a00;--warning-bg: #fff3d9;--brand-purple-dark: #2d0b45;--brand-purple: #6a1b6b;--brand-red: #b3123b;--brand-gold: #f2b134}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(150deg,var(--brand-purple-dark) 0%,var(--brand-purple) 45%,var(--brand-red) 100%);background-attachment:fixed;color:var(--ink);font-family:-apple-system,Segoe UI,Roboto,sans-serif}.brand-mark{position:relative;width:88px;height:88px;margin:0 auto}.brand-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;border-top-color:var(--brand-gold);border-right-color:#fff;animation:brand-spin 3.2s linear infinite}.brand-core{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:radial-gradient(circle at 32% 28%,var(--brand-purple) 0%,var(--brand-purple-dark) 70%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:.02em;box-shadow:0 0 26px #f2b1348c;animation:brand-pulse 1.15s ease-in-out infinite}.brand-wordmark{text-align:center;color:#fff;margin:4px 0 8px}.brand-wordmark strong{display:block;font-size:22px;font-weight:800;letter-spacing:.01em}.brand-wordmark span{display:block;font-size:13px;color:var(--brand-gold);letter-spacing:.12em;text-transform:uppercase}@keyframes brand-spin{to{transform:rotate(360deg)}}@keyframes brand-pulse{0%,to{transform:scale(1)}20%{transform:scale(1.1)}35%{transform:scale(.97)}50%{transform:scale(1.06)}65%{transform:scale(1)}}.centered-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 16px 64px}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px;align-items:stretch;text-align:center}h1{font-size:22px;margin:0}h2{font-size:16px;margin:0;color:var(--muted)}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted);text-align:left}.row{display:flex;gap:12px}.row label{flex:1}input,select{font-size:18px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:var(--surface)}button{font-size:16px;font-weight:600;padding:12px 16px;border-radius:6px;border:none;background:var(--accent);color:#fff;cursor:pointer}button:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}button.link{background:none;color:var(--accent-ink);font-weight:500;padding:4px 0;text-decoration:underline}.tabs{display:flex;gap:4px;background:var(--bg);border-radius:6px;padding:4px}.tabs button{flex:1;background:none;color:var(--muted);font-weight:600;padding:8px}.tabs button.active{background:var(--surface);color:var(--ink)}.topbar{width:100%;max-width:420px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.balance{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;margin:0}.muted{color:var(--muted);margin:0}.error{color:var(--error);font-size:14px;margin:0}.success{color:var(--success);font-size:14px;margin:0}.warning{background:var(--warning-bg);color:var(--warning);border-radius:6px;padding:10px 12px;font-size:14px;margin:0}.qr-frame{display:flex;justify-content:center;padding:8px}.step-indicator{display:flex;justify-content:center;gap:8px;margin-bottom:4px}.step-dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.step-dot.active{background:var(--accent)}.document-capture{display:flex;flex-direction:column;gap:8px;align-items:center}.document-capture-label{font-size:14px;color:var(--muted);margin:0;align-self:flex-start}.document-frame{width:100%;max-width:320px;border:2px dashed var(--line);border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.document-frame-card{aspect-ratio:1.586 / 1}.document-frame-passport{aspect-ratio:.72 / 1}.document-frame-hint{color:var(--muted);font-size:13px;padding:12px;text-align:center}.document-frame-filled{border-style:solid;border-color:var(--accent);cursor:default}.document-preview{width:100%;height:100%;object-fit:cover}.transfer-reference{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px 12px;font-family:monospace;font-size:14px;word-break:break-all}