:root{--canvas:#070709;--canvas2:#0b0b0e;--surface:#14141b;--surface2:#1b1b23;--line:#c8a24a29;--gold:#c8a24a;--gold-hi:#ead08a;--ink:#f4f1ea;--ink2:#a6a39a;--ink3:#6b6960;--good:#46b98a;--warn:#e0a33a;--crit:#e0683a;--d:"Clash Display", system-ui, sans-serif;--b:"General Sans", "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--canvas)}body{color:var(--ink);font-family:var(--b);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit}.wrap{max-width:760px;margin:0 auto;padding:0 24px}.center{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}h1{font-family:var(--d);letter-spacing:-.02em;font-weight:600;line-height:1.08}h2{font-family:var(--d);font-weight:600}.kick{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:12px}.lede{color:var(--ink2);line-height:1.6}.muted{color:var(--ink2);font-size:15px;line-height:1.65}.note{color:var(--ink3);text-align:center;margin-top:14px;font-size:12px;font-style:italic}.btn{cursor:pointer;font-family:var(--b);color:#160f02;background:linear-gradient(180deg, var(--gold-hi), var(--gold));border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:15px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:filter .2s,transform .12s;display:inline-flex}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.ghost{color:var(--ink2);border:1px solid var(--line);background:0 0}.btn.ghost:hover{color:var(--ink);border-color:var(--gold)}.brand{justify-content:center;align-items:center;gap:11px;display:flex}.brand .wm{font-family:var(--d);letter-spacing:.04em;font-size:15px;font-weight:500}input,textarea,select{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);font-family:var(--b);border-radius:12px;outline:none;padding:15px 18px;font-size:16px}input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #c8a24a1a}input::placeholder{color:var(--ink3)}.tree{filter:drop-shadow(0 0 16px #c8a24a59)}.tree path,.tree line,.tree circle{stroke:var(--gold);fill:none;stroke-width:1.4px;stroke-linecap:round}.top{justify-content:space-between;align-items:center;max-width:920px;margin:0 auto;padding:20px 24px;display:flex}.top .wm{font-family:var(--d);letter-spacing:.05em;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}.tag{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:11px}.card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:16px;padding:24px}.row{gap:16px;display:flex}.grid{gap:14px;display:grid}@media (max-width:640px){.row{flex-direction:column}}.opt{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;font-size:15.5px;font-weight:500;transition:all .18s;display:flex}.opt:hover{border-color:var(--gold);background:#c8a24a0f;transform:translateY(-1px)}.opt .ar{opacity:0;color:var(--gold)}.opt:hover .ar{opacity:1}.opt.sel{border-color:var(--gold);background:#c8a24a1a}.prog{background:#ffffff0f;border-radius:3px;height:3px;margin:0 24px;overflow:hidden}.prog i{background:linear-gradient(90deg, var(--gold), var(--gold-hi));height:100%;transition:width .4s;display:block}.step{color:var(--ink3);align-items:center;gap:13px;padding:11px 0;transition:all .4s;display:flex}.step.on{color:var(--ink)}.step .dot{border:1.5px solid var(--ink3);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.step.on .dot{border-color:var(--good);background:var(--good)}.step.run .dot{border-color:var(--gold)}.step .dot svg{stroke:#06210f;stroke-width:3px;fill:none;opacity:0;width:11px;height:11px}.step.on .dot svg{opacity:1}.score{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.score:last-child{border-bottom:none}.pill{letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.pill.crit{color:var(--crit);background:#e0683a26}.pill.warn{color:var(--warn);background:#e0a03a26}.pill.ok{color:var(--good);background:#46b98a26}.big{font-family:var(--d);background:linear-gradient(177deg, #fffdf7, var(--gold-hi) 60%, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.offer{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:22px;position:relative}.offer.hero{border-color:var(--gold);box-shadow:0 0 40px #c8a24a1f}.badge{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#160f02;letter-spacing:.04em;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-11px;left:22px}.sec-h{font-family:var(--d);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:30px 0 14px;font-size:13px;font-weight:500}.action{border:1px solid var(--line);background:var(--surface2);border-radius:13px;gap:14px;margin-bottom:11px;padding:16px;display:flex}.action .n{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#160f02;width:30px;height:30px;font-family:var(--d);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.notice{border:1px solid var(--line);border-left:3px solid var(--gold);color:var(--ink2);background:#c8a24a0d;border-radius:10px;margin:16px 0;padding:12px 16px;font-size:13.5px}.notice.crit{border-left-color:var(--crit);background:#e0683a0f}.screen{min-height:100vh;animation:.5s fade}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,.screen,.prog i,.step,.opt,.btn{transition:none!important;animation:none!important}}.spin{border:2px solid #c8a24a4d;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite sp;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}