*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #fc4c02;--accent-glow: rgba(252,76,2,.15);--bg: #0a0c10;--surface: rgba(255,255,255,.04);--surface-hover: rgba(255,255,255,.07);--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--text: #e0e0e0;--text-dim: rgba(255,255,255,.45);--text-bright: #ffffff;--red: #EF1C1D;--green: #4CAF50;--blue: #2196F3;--orange: #FF9800;--purple: #9C27B0;--yellow: #FFD600}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{opacity:.8}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;padding-top:calc(env(safe-area-inset-top,0px) + 14px);padding-left:calc(env(safe-area-inset-left,0px) + 24px);padding-right:calc(env(safe-area-inset-right,0px) + 24px);background:#0d0f15;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-logo{font-family:Bebas Neue,system-ui,-apple-system,sans-serif;font-size:26px;font-weight:400;color:#fff;background:var(--red);padding:2px 14px 0;border-radius:4px;text-transform:uppercase;letter-spacing:3px;box-shadow:0 2px 12px #ef1c1d4d;white-space:nowrap;line-height:1.2}.header-title{font-size:15px;font-weight:600;color:var(--text);position:absolute;left:50%;transform:translate(-50%)}.header-back{font-size:13px;font-weight:500;color:var(--text-dim);padding:6px 16px;border:1px solid var(--border);border-radius:8px;transition:all .2s;cursor:pointer;text-decoration:none}.header-back:hover{color:var(--text-bright);border-color:var(--border-hover);opacity:1}.hero{text-align:center;padding:60px 20px 40px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(252,76,2,.08) 0%,transparent 70%);pointer-events:none}.hero h1{font-size:clamp(28px,5vw,42px);font-weight:800;color:var(--text-bright);margin-bottom:12px;letter-spacing:-.5px}.hero p{font-size:16px;color:var(--text-dim);max-width:520px;margin:0 auto}.progress-bar{max-width:800px;margin:0 auto 40px;padding:0 20px}.progress-track{display:flex;gap:6px}.progress-segment{flex:1;height:4px;border-radius:2px;background:var(--surface);transition:background .5s;cursor:pointer}.progress-segment.read{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.progress-label{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--text-dim)}.main{max-width:800px;margin:0 auto;padding:0 20px 80px;position:relative}.section{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:border-color .3s,opacity .4s,transform .4s;display:none}.section.current{display:block;animation:fadeInUp .4s ease both}.section:hover{border-color:var(--border-hover)}.section.active{border-color:#fc4c024d}.step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}.step-btn{padding:12px 28px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.step-btn:hover{background:var(--surface-hover);border-color:var(--border-hover)}.step-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.step-btn.primary:hover{opacity:.9}.step-btn:disabled{opacity:.3;cursor:not-allowed}.step-indicator{font-size:13px;color:var(--text-dim)}.section-image{width:100%;height:200px;object-fit:cover;display:block;opacity:.85;transition:opacity .3s}.section:hover .section-image{opacity:1}.section-header{display:flex;align-items:center;gap:14px;padding:20px 24px}.section-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.section-header-text{flex:1}.section-header-text h2{font-size:18px;font-weight:700;color:var(--text-bright);margin-bottom:2px}.section-header-text .section-subtitle{font-size:13px;color:var(--text-dim)}.section-chevron{display:none}.section-body{overflow:hidden}.section-content{padding:0 24px 24px}.rule{display:flex;gap:14px;padding:14px 16px;border-radius:10px;margin-bottom:8px;background:#ffffff05;border:1px solid transparent;transition:all .25s;cursor:pointer;position:relative}.rule:hover{background:var(--surface-hover);border-color:var(--border)}.rule.checked{opacity:.5}.rule.checked .rule-text{text-decoration:line-through;text-decoration-color:var(--text-dim)}.rule-check{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .2s;font-size:12px;color:transparent}.rule.checked .rule-check{background:var(--accent);border-color:var(--accent);color:#fff}.rule-num{font-size:13px;font-weight:700;color:var(--accent);min-width:20px;flex-shrink:0;margin-top:1px}.rule-text{font-size:14px;line-height:1.6;color:var(--text)}.rule-text strong{color:var(--text-bright);font-weight:600}.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:6px;vertical-align:middle}.tag-important{background:#f4433626;color:#f44336}.tag-info{background:#2196f326;color:#2196f3}.tag-tip{background:#4caf5026;color:#4caf50}.price-table{width:100%;border-collapse:collapse;margin:16px 0 8px;border-radius:10px;overflow:hidden}.price-table th{background:#fc4c021a;color:var(--accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:10px 16px;text-align:left}.price-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--border)}.price-table tr:last-child td{border-bottom:none}.price-table .price{font-weight:700;color:var(--text-bright);font-size:16px}.tooltip-trigger{border-bottom:1px dashed var(--text-dim);cursor:help;position:relative}.tooltip-trigger .tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e1e28f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-size:12px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);white-space:nowrap;max-width:280px;white-space:normal;z-index:10;transition:all .2s;pointer-events:none}.tooltip-trigger:hover .tooltip-text{visibility:visible;opacity:1}.checklist-counter{position:fixed;bottom:24px;right:24px;background:#0f1117e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:14px;padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:50;box-shadow:0 8px 32px #0006;transition:all .3s}.checklist-counter.done{border-color:#4caf5066;background:#4caf501a}.counter-ring{width:40px;height:40px;position:relative}.counter-ring svg{transform:rotate(-90deg)}.counter-ring circle{fill:none;stroke-width:3}.counter-ring .track{stroke:var(--border)}.counter-ring .fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s,stroke .3s}.counter-ring.done .fill{stroke:var(--green)}.counter-text{font-size:13px;color:var(--text-dim)}.counter-text span{color:var(--text-bright);font-weight:700}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.confetti-particle{position:fixed;width:8px;height:8px;border-radius:2px;pointer-events:none;z-index:200;animation:confetti 1.5s ease-out forwards}@media(max-width:600px){.header{padding:12px 16px}.header-title{display:none}.hero{padding:40px 16px 28px}.main{padding:0 12px 80px}.section-header{padding:16px;gap:10px}.section-content{padding:0 16px 16px}.section-image{height:140px}.rule{padding:10px 12px}.price-table td,.price-table th{padding:8px 10px;font-size:13px}.checklist-counter{bottom:12px;right:12px;padding:10px 14px;border-radius:12px}}