:root { --quick-green:#b7dc69; --quick-ink:#f3f5ef; --quick-muted:#8d9488; --quick-panel:rgba(21,24,19,.93); --quick-border:rgba(183,220,105,.18); }
html.quickstart-checking .quickstart-shell { visibility:hidden; }
.quickstart-body { min-width:320px; overflow-x:hidden; background:#0c0e0b; }
.quickstart-body .dash-bg { filter:grayscale(.65) saturate(.65); }
.quickstart-page { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:116px 0 70px; }
.quickstart-head { max-width:800px; margin-bottom:28px; }
.quickstart-back { display:inline-flex; margin-bottom:21px; color:#8a9185; font-size:.76rem; font-weight:700; text-decoration:none; }
.quickstart-back:hover { color:var(--quick-green); }
.quickstart-eyebrow { margin:0; color:var(--quick-green); font-size:.68rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.quickstart-head h1 { margin:8px 0 11px; color:var(--quick-ink); font-size:clamp(2.5rem,5vw,4.8rem); line-height:.94; letter-spacing:-.06em; }
.quickstart-head h1 span { color:var(--quick-green); }
.quickstart-head > p:last-child { max-width:700px; margin:0; color:var(--quick-muted); font-size:clamp(.9rem,1.4vw,1.06rem); line-height:1.55; }
.quickstart-shell { display:grid; grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr); gap:18px; align-items:stretch; }
.quickstart-brief,.quickstart-card { border:1px solid var(--quick-border); border-radius:22px; background:linear-gradient(145deg,rgba(183,220,105,.045),transparent 40%),var(--quick-panel); box-shadow:0 24px 70px rgba(0,0,0,.22); backdrop-filter:blur(16px); }
.quickstart-brief { position:relative; min-height:630px; display:flex; flex-direction:column; overflow:hidden; padding:30px; }
.quickstart-brief::after { content:''; position:absolute; right:-120px; bottom:-150px; width:330px; height:330px; border-radius:50%; background:radial-gradient(circle,rgba(183,220,105,.12),transparent 68%); pointer-events:none; }
.quickstart-brief img { width:170px; height:170px; display:block; margin:4px auto 34px; object-fit:contain; }
.quickstart-brief h2 { max-width:300px; margin:8px 0 10px; color:#eef1e9; font-size:1.55rem; line-height:1.1; letter-spacing:-.04em; }
.quickstart-brief div > p:last-child { margin:0; color:#858c80; font-size:.76rem; line-height:1.6; }
.quickstart-brief ul { position:relative; z-index:1; display:grid; gap:10px; margin:auto 0 0; padding:24px 0 0; border-top:1px solid rgba(255,255,255,.06); list-style:none; }
.quickstart-brief li { display:flex; align-items:center; gap:10px; color:#9ba196; font-size:.7rem; }
.quickstart-brief li span { display:grid; place-items:center; width:28px; height:28px; border:1px solid rgba(183,220,105,.17); border-radius:8px; color:var(--quick-green); background:rgba(183,220,105,.06); font-size:.58rem; font-weight:900; }
.quickstart-card { min-height:630px; padding:clamp(22px,3vw,36px); }
.quickstart-progress { margin-bottom:34px; }
.quickstart-progress > div:first-child { display:flex; justify-content:space-between; gap:15px; margin-bottom:9px; color:#777e73; font-size:.66rem; font-weight:800; }
.quickstart-progress strong { color:#a8b397; }
.quickstart-progress-track { height:5px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.07); }
.quickstart-progress-track i { width:25%; height:100%; display:block; border-radius:inherit; background:var(--quick-green); box-shadow:0 0 18px rgba(183,220,105,.25); transition:width .28s ease; }
.quickstart-step { min-width:0; margin:0; padding:0; border:0; }
.quickstart-step legend { width:100%; color:#f2f4ef; font-size:clamp(1.55rem,3vw,2.25rem); font-weight:800; line-height:1.08; letter-spacing:-.045em; }
.quickstart-step legend span { display:block; margin-bottom:8px; color:var(--quick-green); font-size:.65rem; letter-spacing:.14em; text-transform:uppercase; }
.quickstart-step > p { margin:9px 0 24px; color:#7e857a; font-size:.77rem; line-height:1.55; }
.quickstart-choices { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.quickstart-choices label { min-width:0; cursor:pointer; }
.quickstart-choices input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.quickstart-choices label > span { position:relative; min-height:116px; display:grid; grid-template-columns:42px minmax(0,1fr) 24px; grid-template-rows:auto auto; align-items:center; column-gap:12px; padding:16px; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:rgba(255,255,255,.022); transition:border-color .18s,background .18s,transform .18s; }
.quickstart-choices label:hover > span { border-color:rgba(183,220,105,.25); background:rgba(183,220,105,.04); transform:translateY(-2px); }
.quickstart-choices input:focus-visible + span { outline:2px solid #4a72b0; outline-offset:3px; }
.quickstart-choices input:checked + span { border-color:rgba(183,220,105,.58); background:rgba(183,220,105,.08); box-shadow:inset 0 0 0 1px rgba(183,220,105,.08); }
.quickstart-choices i { grid-row:1/3; width:42px; height:42px; display:grid; place-items:center; border-radius:11px; color:#9caf76; background:rgba(183,220,105,.08); font-size:.58rem; font-style:normal; font-weight:900; }
.quickstart-choices strong { align-self:end; color:#e3e7de; font-size:.85rem; }
.quickstart-choices small { align-self:start; margin-top:4px; color:#737a70; font-size:.65rem; line-height:1.35; }
.quickstart-choices b { grid-column:3; grid-row:1/3; color:#60685c; font-size:.9rem; }
.quickstart-choices input:checked + span b { color:var(--quick-green); }
.quickstart-unit { width:220px; display:grid; grid-template-columns:1fr 1fr; gap:4px; margin-bottom:18px; padding:4px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(0,0,0,.2); }
.quickstart-unit button { min-height:36px; border:0; border-radius:8px; color:#747b71; background:transparent; font-size:.69rem; font-weight:800; }
.quickstart-unit button:hover { border:0; color:#e5e9e1; }
.quickstart-unit button.is-selected { color:#172016; background:var(--quick-green); }
.quickstart-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.quickstart-field { min-width:0; display:grid; gap:7px; }
.quickstart-field--wide { grid-column:1/-1; }
.quickstart-field > span:first-child { color:#c7ccc3; font-size:.68rem; font-weight:700; }
.quickstart-field small { color:#656c62; font-size:.6rem; }
.quickstart-input { position:relative; }
.quickstart-input input,.quickstart-field select { width:100%; height:47px; padding:0 50px 0 13px; border:1px solid rgba(255,255,255,.1); border-radius:10px; outline:0; color:#f2f4ef; background:rgba(7,9,6,.55); font:inherit; font-size:.8rem; color-scheme:dark; }
.quickstart-field select { padding-right:34px; }
.quickstart-input input:focus,.quickstart-field select:focus { border-color:rgba(74,114,176,.55); box-shadow:0 0 0 3px rgba(74,114,176,.07); }
.quickstart-input b { position:absolute; top:50%; right:13px; translate:0 -50%; color:#62695f; font-size:.58rem; text-transform:uppercase; pointer-events:none; }
.quickstart-split { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.quickstart-error { min-height:17px; margin:16px 0 0; color:#e58f7b; font-size:.68rem; }
.quickstart-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; margin-top:16px; }
.quickstart-exit { margin-right:auto; color:#7b8277; font-size:.68rem; font-weight:700; text-decoration:none; }
.quickstart-exit:hover { color:var(--quick-green); }
.quickstart-prev,.quickstart-next { min-height:45px; padding:0 19px; border-radius:999px; font-size:.72rem; font-weight:800; }
.quickstart-prev { color:#989f94; border-color:rgba(255,255,255,.09); background:rgba(255,255,255,.025); }
.quickstart-next { min-width:150px; display:flex; align-items:center; justify-content:center; gap:18px; border:0; color:#172016; background:var(--quick-green); }
.quickstart-next:hover { border:0; background:#c6e783; transform:translateY(-1px); }
.quickstart-result-head { display:flex; align-items:flex-start; gap:17px; }
.quickstart-result-check { width:46px; height:46px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; color:#172016; background:var(--quick-green); font-size:1.15rem; font-weight:900; box-shadow:0 0 30px rgba(183,220,105,.16); }
.quickstart-result-head h2 { margin:6px 0 6px; color:#f3f5f0; font-size:clamp(1.7rem,3.5vw,2.6rem); letter-spacing:-.045em; }
.quickstart-result-head div > p:last-child { margin:0; color:#8e958a; font-size:.76rem; line-height:1.5; }
.quickstart-result-tags { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0; }
.quickstart-result-tags span { padding:6px 9px; border:1px solid rgba(183,220,105,.17); border-radius:999px; color:#a9bc87; background:rgba(183,220,105,.06); font-size:.62rem; font-weight:700; text-transform:capitalize; }
.quickstart-result-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.quickstart-result-grid article { min-width:0; padding:15px; border:1px solid rgba(255,255,255,.07); border-radius:13px; background:rgba(255,255,255,.022); }
.quickstart-result-grid span,.quickstart-result-grid strong,.quickstart-result-grid small { display:block; }
.quickstart-result-grid span { color:#737a70; font-size:.61rem; }
.quickstart-result-grid strong { margin:7px 0 5px; color:#ecf0e8; font-size:1.2rem; }
.quickstart-result-grid small { color:#687064; font-size:.58rem; }
.quickstart-result-why { margin-top:10px; padding:15px; border-left:2px solid var(--quick-green); border-radius:0 11px 11px 0; background:rgba(183,220,105,.05); }
.quickstart-result-why span { color:var(--quick-green); font-size:.61rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.quickstart-result-why p { margin:5px 0 0; color:#92998e; font-size:.7rem; line-height:1.55; }
.quickstart-result-actions { display:flex; gap:9px; margin-top:16px; }
.quickstart-result-actions a { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:0 17px; border-radius:999px; font-size:.68rem; font-weight:800; text-decoration:none; }
.quickstart-primary { color:#172016; background:var(--quick-green); }
.quickstart-secondary { color:#a5ac9f; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.025); }
.quickstart-save { display:flex; align-items:center; gap:16px; margin-top:16px; padding:15px; border:1px solid rgba(183,220,105,.16); border-radius:13px; background:linear-gradient(90deg,rgba(183,220,105,.065),rgba(183,220,105,.02)); }
.quickstart-save div { flex:1; }
.quickstart-save strong { color:#e9ece5; font-size:.73rem; }
.quickstart-save p { margin:4px 0 0; color:#747b70; font-size:.63rem; line-height:1.45; }
.quickstart-save-action { flex:0 0 auto; padding:0; border:0; color:var(--quick-green); background:transparent; font:inherit; font-size:.66rem; font-weight:800; text-decoration:none; cursor:pointer; }
.quickstart-save-action:hover { border:0; color:#d0ec98; }
.quickstart-save-action[aria-disabled="true"] { color:#777f70; cursor:wait; }
.quickstart-save.is-error { border-color:rgba(229,143,123,.35); }
.quickstart-save.is-error .quickstart-save-action { color:#e58f7b; }
.quickstart-restart { margin-top:15px; padding:0; border:0; color:#7b8277; background:transparent; font-size:.64rem; text-decoration:underline; text-underline-offset:3px; }
.quickstart-restart:hover { border:0; color:var(--quick-green); }
.quickstart-disclaimer { margin:13px 0 0; color:#5f665c; font-size:.57rem; line-height:1.45; }
[hidden] { display:none !important; }
@media (max-width:900px) {
  .quickstart-page { width:min(100% - 28px,720px); padding-top:104px; }
  .quickstart-shell { grid-template-columns:1fr; }
  .quickstart-brief { min-height:auto; display:grid; grid-template-columns:130px 1fr; align-items:center; gap:20px; }
  .quickstart-brief img { width:130px; height:130px; grid-row:1/3; margin:0; }
  .quickstart-brief ul { grid-column:1/-1; grid-template-columns:repeat(3,1fr); margin:0; padding-top:18px; }
  .quickstart-card { min-height:600px; }
}
@media (max-width:620px) {
  .quickstart-page { width:min(100% - 24px,540px); padding-bottom:50px; }
  .quickstart-head { margin-bottom:20px; }
  .quickstart-brief { grid-template-columns:82px 1fr; padding:18px; border-radius:17px; }
  .quickstart-brief img { width:82px; height:82px; }
  .quickstart-brief h2 { font-size:1.05rem; }
  .quickstart-brief div > p:last-child { display:none; }
  .quickstart-brief ul { display:none; }
  .quickstart-card { min-height:auto; padding:19px; border-radius:17px; }
  .quickstart-choices { grid-template-columns:1fr; }
  .quickstart-choices label > span { min-height:92px; }
  .quickstart-form-grid { grid-template-columns:1fr; }
  .quickstart-field--wide { grid-column:auto; }
  .quickstart-result-grid { grid-template-columns:1fr; }
  .quickstart-result-actions { flex-direction:column; }
  .quickstart-save { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) { .quickstart-progress-track i,.quickstart-choices label > span,.quickstart-next { transition:none; } }