:root{--bg: #0a0a0a;--surface: #141414;--surface-2: #1c1c1c;--border: #262626;--gold: #d4af37;--gold-soft: rgba(212, 175, 55, .14);--white: #ffffff;--gray: #a8a8a8;--gray-2: #6f6f6f;--danger: #e5534b;--ok: #4caf7d;--radius: 14px;--font-head: "Libre Bodoni", serif;--font-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:#0a0a0a}h1,h2,h3{font-family:var(--font-head);font-weight:700;margin:0;line-height:1.2}p{line-height:1.55}a{color:var(--gold)}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body)}.page{max-width:720px;margin:0 auto;padding:24px 20px 80px}.wide{max-width:1100px}.topbar{position:sticky;top:0;z-index:40;background:#0a0a0aeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:720px;margin:0 auto;padding:14px 20px 12px}.brand{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.brand .name{font-family:var(--font-body);font-weight:800;letter-spacing:.14em;font-size:13px}.brand .tag{font-size:10px;letter-spacing:.22em;color:var(--gray);text-transform:uppercase}.progress-track{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#a8862a,var(--gold));transition:width .6s cubic-bezier(.22,1,.36,1)}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--gray)}.progress-meta .pct{color:var(--gold);font-weight:700}.step-dots{display:flex;gap:6px;margin-top:10px}.step-dot{flex:1;height:3px;border-radius:2px;background:var(--surface-2);transition:background .3s}.step-dot.done{background:var(--gold);opacity:.55}.step-dot.active{background:var(--gold)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:16px}.step-title{font-size:30px;margin:26px 0 6px}.step-sub{color:var(--gray);font-size:15px;margin:0 0 22px}.q-label{display:block;font-weight:600;font-size:15px;margin:0 0 4px}.q-help{color:var(--gray);font-size:13px;margin:0 0 10px;line-height:1.5}.q-block{margin-bottom:26px}.text-input,.textarea{width:100%;background:var(--surface-2);color:var(--white);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:15px;outline:none;transition:border-color .15s}.text-input:focus,.textarea:focus{border-color:var(--gold)}.textarea{min-height:110px;resize:vertical;line-height:1.5}.opt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt-grid.one{grid-template-columns:1fr}@media (max-width: 560px){.opt-grid{grid-template-columns:1fr}}.opt{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s;font-size:14.5px;line-height:1.4;-webkit-user-select:none;user-select:none}.opt:hover{border-color:#3a3a3a}.opt.selected{border-color:var(--gold);background:var(--gold-soft)}.opt .box{flex:none;width:18px;height:18px;margin-top:1px;border-radius:5px;border:1.5px solid var(--gray-2);display:grid;place-items:center;font-size:12px;color:#0a0a0a;transition:all .15s}.opt.radio .box{border-radius:50%}.opt.selected .box{background:var(--gold);border-color:var(--gold)}.opt .opt-title{font-weight:600}.opt .opt-desc{display:block;color:var(--gray);font-size:12.5px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:700;border:none;transition:transform .1s,opacity .15s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--gold);color:#0a0a0a}.btn.ghost{background:transparent;color:var(--gray);border:1px solid var(--border)}.btn.ghost:hover{color:var(--white)}.btn:disabled{opacity:.45;cursor:not-allowed}.nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:12px}.badge{display:inline-block;background:var(--gold-soft);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 12px}.pill{display:inline-block;background:var(--surface-2);border:1px solid var(--border);color:var(--gray);border-radius:999px;padding:4px 12px;font-size:12px}.milestone{text-align:center;color:var(--gold);font-weight:600;font-size:14px;margin:8px 0 0;animation:pop .5s ease}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pkg-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:20px;cursor:pointer;transition:border-color .15s}.pkg-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.pkg-card h3{font-size:20px;margin-bottom:4px}.pkg-tier{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.pkg-tier .tier-name{font-weight:700;font-size:14px;letter-spacing:.04em}.pkg-tier ul{margin:8px 0 0;padding-left:18px;color:#d6d6d6;font-size:13.5px;line-height:1.65}.pkg-angle{margin-top:12px;font-size:12.5px;color:var(--gray);font-style:italic;line-height:1.5}.upload-zone{border:1.5px dashed var(--gray-2);border-radius:var(--radius);padding:26px;text-align:center;color:var(--gray);font-size:14px;cursor:pointer;transition:border-color .15s}.upload-zone:hover{border-color:var(--gold)}.file-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12.5px;margin:4px 6px 0 0}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;color:var(--gray);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;border-bottom:1px solid var(--border)}.admin-table td{padding:12px;border-bottom:1px solid var(--border)}.admin-table tr.row{cursor:pointer}.admin-table tr.row:hover{background:var(--surface)}.answer-row{padding:10px 0;border-bottom:1px solid var(--border)}.answer-row .k{font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.answer-row .v{font-size:14.5px;white-space:pre-wrap;line-height:1.5}.answer-row .t{font-size:11.5px;color:var(--gray-2);margin-top:3px}.summary-md{white-space:pre-wrap;line-height:1.65;font-size:14.5px}code{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:13px}
