.sp-hero{isolation:isolate;margin-bottom:var(--gap);border-radius:var(--radius);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:radial-gradient(120% 160% at 0% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 60%), var(--card);padding:28px 28px 24px;position:relative;overflow:hidden}.sp-hero-bg{object-fit:cover;z-index:-2;opacity:.35;filter:saturate(1.2);width:100%;height:100%;position:absolute;inset:0}.sp-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#111214f2 30%,#11121499);position:absolute;inset:0}.sp-hero-body{max-width:680px}.sp-h1{letter-spacing:-.5px;align-items:center;gap:12px;margin:0 0 10px;font-size:28px;font-weight:800;display:flex}.sp-h1-ico{color:#fff;background:var(--accent);width:46px;height:46px;box-shadow:0 6px 22px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sp-sub{color:var(--muted);white-space:pre-line;margin:0;font-size:14.5px;line-height:1.6}.sp-cta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.sp-stat{color:var(--muted);margin-top:14px;font-size:13px}.sp-stat b{color:var(--text)}.sp-btn{border:1px solid var(--border-2);background:var(--card-2);height:42px;color:var(--text);font:inherit;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .13s;display:inline-flex}.sp-btn:hover{border-color:var(--accent)}.sp-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.sp-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.sp-btn.sm{align-self:flex-start;height:36px;padding:0 14px;font-size:13px}.sp-empty{margin-bottom:var(--gap);border-radius:var(--radius-sm);border:1px dashed var(--border-2);color:var(--muted);padding:16px 18px;font-size:14px}.sp-empty a{color:var(--accent)}.sp-sec{margin-bottom:calc(var(--gap) * 1.6)}.sp-h2{letter-spacing:.9px;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;margin:0 0 12px;font-size:13px;font-weight:800;display:flex}.sp-h2:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-weak);border-radius:50%}.sp-h2:after{content:"";background:linear-gradient(90deg, var(--border-2), transparent);flex:1;height:1px}.sp-goals{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.sp-goal{padding:var(--pad);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;display:flex}.sp-goal-t{white-space:pre-line;overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.45}.sp-goal-bar{background:var(--card-2);border-radius:999px;height:10px;overflow:hidden}.sp-goal-bar i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #ffd28a));min-width:4px;height:100%;display:block}.sp-goal.done .sp-goal-bar i{background:#3ba55d}.sp-goal-f{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.sp-goal-f b{color:var(--text);font-size:15px}.sp-goal-pct{color:var(--accent);font-weight:800}.sp-goal-pct.ok{color:#3ba55d}.sp-levels{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch;gap:12px;display:grid}.sp-level{padding:var(--pad);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;transition:border-color .13s,transform .13s;display:flex;position:relative}.sp-level:hover{border-color:var(--border-2);transform:translateY(-2px)}.sp-level.hot{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 14px 40px color-mix(in srgb, var(--accent) 12%, transparent)}.sp-level-tag{background:var(--accent);color:#fff;letter-spacing:.3px;text-transform:uppercase;border-radius:999px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-10px;right:14px}.sp-level-img{aspect-ratio:16/9;border-radius:var(--radius-sm);background:var(--card-2);margin:-4px -4px 2px;overflow:hidden}.sp-level-img img{object-fit:cover;width:100%;height:100%;display:block}.sp-level-name{letter-spacing:-.2px;font-size:17px;font-weight:800}.sp-level-price{color:var(--muted);font-size:13px}.sp-level-price b{color:var(--accent);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.sp-level-text{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;flex:1;font-size:13.5px;line-height:1.55}.sp-level-role{color:#8b93f8;background:#8b93f81a;border:1px solid #8b93f84d;border-radius:8px;padding:7px 10px;font-size:12.5px}.sp-level-role b{color:var(--text)}.sp-level .sp-btn{width:100%;margin-top:auto}.sp-level .sp-btn[aria-disabled]{opacity:.5;cursor:default}.sp-level-slots{color:#f5c451;font-size:12.5px;font-weight:700}.sp-level-slots.none{color:var(--muted)}.sp-note{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--border);color:var(--muted);border-left:3px solid #8b93f8;margin-top:12px;padding:12px 14px;font-size:13.5px;line-height:1.5}.sp-steps{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sp-step{padding:var(--pad);background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.sp-step span{background:var(--accent-weak);width:28px;height:28px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:10px;font-size:14px;font-weight:800;display:inline-flex}.sp-step b{margin-bottom:4px;font-size:15px;display:block}.sp-step p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.sp-thanks{flex-wrap:wrap;gap:8px;display:flex}.sp-thx{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:9px;padding:6px 12px 6px 6px;text-decoration:none;transition:border-color .13s;display:inline-flex}.sp-thx:hover{border-color:#ff5d7a80}.sp-thx-n{align-items:center;font-size:14px;display:inline-flex}@media (max-width:860px){.sp-hero{padding:20px 18px}.sp-h1{font-size:22px}.sp-h1-ico{width:40px;height:40px}.sp-cta .sp-btn{flex:1}.sp-steps{grid-template-columns:1fr}}