:root{--text:#2d2d34;--text-muted:#6b6375;--bg:#eef0f3;--surface:#fff;--border:#e2e4ea;--accent:#5b3df5;--accent-hover:#4a2fd9;--danger:#d3322b;--danger-bg:#fdeceb;--success:#1c8a4c;--success-bg:#e8f7ee;--warning:#b8860b;--warning-bg:#fdf4e3;--shadow:#14142814 0 4px 16px -4px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#5b3df50d,#0000 24%),linear-gradient(#eef0f3 0%,#e6e8eb 100%);margin:0}h1{margin:0;font-size:30px;line-height:1.15}h2{margin:0;font-size:18px;line-height:1.25}a{color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:10px;padding:10px 16px;transition:transform .12s,background .15s,opacity .15s}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;width:100%;padding:11px 12px}label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.navbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);align-items:center;gap:24px;padding:12px 28px;display:flex}.navbar-brand{font-size:17px;font-weight:700}.navbar-links{flex:1;gap:18px;display:flex}.navbar-links a{color:var(--text-muted);border-bottom:2px solid #0000;padding:6px 2px;text-decoration:none}.navbar-links a.active{color:var(--text);border-bottom-color:var(--accent)}.navbar-user{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.navbar-user button{color:var(--text-muted);border-color:var(--border);background:0 0}.navbar-user button:hover{background:var(--border)}.page{flex-direction:column;gap:16px;max-width:1080px;margin:0 auto;padding:16px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:700}.page-subtitle{color:var(--text-muted);margin:8px 0 0;font-size:14px}.centered-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{box-shadow:var(--shadow);background:#fffffff5;border:1px solid #e2e4eae6;border-radius:18px;padding:16px}.step-card{flex-direction:column;gap:14px;display:flex}.section-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.step-pill{color:var(--accent);background:#5b3df51a;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.login-card{flex-direction:column;gap:14px;width:340px;display:flex}.login-card button{margin-top:6px}.stack-form,.inline-form{flex-direction:column;gap:12px;display:flex}.inline-form>label{flex:auto}.field-label{gap:6px}.primary-button,.ghost-button{width:100%}.segment-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.segment-button{color:var(--text);border-color:var(--border);background:0 0}.segment-button-active{background:var(--accent);color:#fff;border-color:var(--accent)}.tier-grid{grid-template-columns:1fr;gap:10px;display:grid}.tier-card{color:var(--text);border:1px solid var(--border);background:#f8f9ff;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.tier-card-selected{border-color:var(--accent);background:#5b3df512}.tier-card-title{font-weight:700}.tier-card-cost{color:var(--accent);font-size:14px;font-weight:700}.tier-card-meta,.summary-label{color:var(--text-muted);font-size:12px}.selected-tier-summary,.purchase-panel,.status-summary{flex-direction:column;gap:10px;display:flex}.user-identity-card{background:linear-gradient(#5b3df50d,#5b3df505);border:1px solid #5b3df52e;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.user-identity-copy{flex-direction:column;gap:2px;display:flex}.user-identity-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:12px}.user-identity-value{flex-direction:column;gap:2px;margin:0;display:flex}.status-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.summary-value{margin:0;font-size:15px;font-weight:700}.error-text{color:var(--danger);background:var(--danger-bg);border-radius:6px;padding:8px 12px;font-size:13px}.success-text{color:var(--success);background:var(--success-bg);border-radius:6px;padding:8px 12px;font-size:13px}.hint{color:var(--text-muted);font-size:13px}.confirm-card{border:1px solid var(--success);background:var(--success-bg);border-radius:8px;padding:12px 16px}.balance-card{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.balance-amount{color:var(--accent);font-size:40px;font-weight:700}.balance-row{flex-direction:column;gap:16px;width:100%;display:flex}.balance-amount-secondary{color:var(--text-muted);font-size:24px}.modal-backdrop{z-index:10;background:#14142866;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{flex-direction:column;gap:14px;width:360px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions button[type=button]{color:var(--text-muted);border-color:var(--border);background:0 0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.actions{gap:8px;display:flex}.actions button{padding:5px 10px;font-size:12px}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-processing{color:#1d5fc7;background:#e6eefc}.badge-success{background:var(--success-bg);color:var(--success)}.badge-failed{background:var(--danger-bg);color:var(--danger)}.user-avatar{object-fit:cover;background:var(--bg);border:1px solid var(--border);border-radius:50%;width:40px;height:40px}@media (width>=640px){.page{gap:20px;padding:28px}.card{padding:20px 24px}.stack-form{flex-flow:wrap;align-items:flex-end}.stack-form>label{flex:220px}.inline-form{flex-flow:wrap;align-items:flex-end}.inline-form>label{flex:180px}.primary-button,.ghost-button{width:auto;min-width:140px}.tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-row{max-width:480px}.balance-row{flex-direction:row}}@media (width<=640px){.navbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.navbar-links{flex:none;order:3;gap:12px;width:100%;overflow-x:auto}.navbar-user span{display:none}.page{gap:14px;max-width:100%;padding:14px}.card{padding:14px 16px}.login-card{width:100%}.modal-backdrop{padding:12px}.modal{width:100%;max-width:420px}table,thead,tbody,th,tr{display:block}thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}tr{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:12px;padding:4px 12px}td{text-align:right;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}td:last-child{border-bottom:none}td:before{content:attr(data-label);color:var(--text-muted);text-align:left;flex-shrink:0;font-weight:600}td.actions{flex-wrap:wrap;justify-content:flex-end}td.actions:before{display:none}}