.rules-page{position:relative}.rules-intro{max-width:840px;margin:0 auto;padding:60px 20px 40px}.rules-intro h1{font-size:clamp(34px,4.4vw,52px);font-weight:300;line-height:1.06;letter-spacing:-.005em;color:var(--fg);margin-bottom:16px}.rules-intro p{font-size:18px;line-height:1.55;color:var(--fg-dim);max-width:56ch}.rules-intro p+p{margin-top:12px;font-size:16px;color:var(--fg-mute)}.rules-intro a{color:var(--fg);border-bottom:1px solid var(--accent-line);transition:color .2s var(--ease)}.rules-intro a:hover{color:var(--accent)}.progress-bar{max-width:840px;margin:0 auto 40px;padding:0 20px}.progress-track{display:flex;gap:6px}.progress-segment{flex:1;height:2px;background:var(--border);transition:background .4s var(--ease);cursor:pointer}.progress-segment:hover{background:var(--border-strong)}.progress-segment.read{background:var(--accent)}.progress-label{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);font-variant-numeric:tabular-nums}.main{max-width:840px;margin:0 auto;padding:0 20px 96px;position:relative}.section{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden;transition:border-color .25s var(--ease);display:none}.section.current{display:block;animation:sectionIn .4s var(--ease) both}.section:hover{border-color:var(--border-strong)}.section-image{width:100%;height:220px;object-fit:cover;display:block;opacity:.8;filter:grayscale(.25);transition:opacity .3s var(--ease),filter .3s var(--ease)}.section:hover .section-image{opacity:1;filter:grayscale(0)}.section-header{display:flex;align-items:baseline;gap:18px;padding:30px 32px 24px;border-bottom:1px solid var(--border)}.section-icon{font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:1.4}.section-header-text{flex:1;min-width:0}.section-header-text h2{font-size:clamp(22px,2.8vw,30px);font-weight:300;line-height:1.15;color:var(--fg);margin-bottom:6px}.section-header-text .section-subtitle{font-size:15px;line-height:1.5;color:var(--fg-mute)}.section-body{overflow:hidden}.section-content{padding:4px 32px 28px}.rule{display:grid;grid-template-columns:18px auto 1fr;align-items:start;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:opacity .25s var(--ease)}.rule:last-child{border-bottom:none}.rule:hover .rule-check{border-color:var(--accent)}.rule.checked{opacity:.45}.rule.checked .rule-text{text-decoration:line-through;text-decoration-color:var(--fg-mute)}.rule-check{width:18px;height:18px;border-radius:3px;border:1px solid var(--border-strong);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;line-height:1;color:transparent;transition:border-color .2s var(--ease),color .2s var(--ease)}.rule-check svg{width:11px;height:11px;display:block}.rule.checked .rule-check{border-color:var(--accent);color:var(--accent)}.rule-num{font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--accent);font-variant-numeric:tabular-nums;min-width:14px;flex-shrink:0;margin-top:5px}.rule-text{font-size:16px;line-height:1.6;color:var(--fg-dim)}.rule-text strong{color:var(--fg);font-weight:500}.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:3px 11px;border:1px solid var(--border);border-radius:var(--pill);color:var(--fg-mute);margin-left:8px;vertical-align:middle;white-space:nowrap}.tag-important{border-color:var(--accent-line);color:var(--accent)}.tag-info,.tag-tip{border-color:var(--border-strong);color:var(--fg-dim)}.price-table{width:100%;border-collapse:collapse;margin:20px 0 8px}.price-table th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);padding:0 16px 12px 0;border-bottom:1px solid var(--border-strong)}.price-table td{padding:14px 16px 14px 0;font-size:15px;line-height:1.45;color:var(--fg-dim);border-bottom:1px solid var(--border);vertical-align:top}.price-table th:last-child,.price-table td:last-child{padding-right:0}.price-table .price{font-weight:400;color:var(--fg);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}.price-table td:first-child{white-space:nowrap;color:var(--fg)}.tooltip-trigger{border-bottom:1px dashed var(--border-strong);cursor:help;position:relative}.tooltip-trigger .tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--bg-3);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--fg-dim);font-size:13px;line-height:1.45;padding:10px 14px;width:max-content;max-width:280px;white-space:normal;z-index:10;transition:opacity .2s var(--ease),visibility .2s var(--ease);pointer-events:none;box-shadow:var(--shadow)}.tooltip-trigger:hover .tooltip-text{visibility:visible;opacity:1}.step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:28px;gap:12px}.step-btn{padding:12px 26px;border-radius:var(--pill);border:1px solid var(--border-strong);background:transparent;color:var(--fg);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.step-btn:hover{border-color:var(--fg)}.step-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.step-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.step-btn:disabled{opacity:.3;cursor:not-allowed}.step-btn:disabled:hover{border-color:var(--border-strong)}.step-indicator{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);font-variant-numeric:tabular-nums}.checklist-counter{position:fixed;bottom:24px;right:24px;background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--pill);padding:10px 22px 10px 12px;display:flex;align-items:center;gap:12px;z-index:50;box-shadow:var(--shadow);transition:border-color .3s var(--ease)}.checklist-counter.done{border-color:var(--accent-line)}.counter-ring{width:40px;height:40px;position:relative;flex-shrink:0}.counter-ring svg{transform:rotate(-90deg);display:block}.counter-ring circle{fill:none;stroke-width:1.5}.counter-ring .track{stroke:var(--border)}.counter-ring .fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .5s var(--ease)}.counter-ring.done .fill{stroke:var(--accent)}.counter-text{font-size:14px;line-height:1.3;color:var(--fg-mute);font-variant-numeric:tabular-nums}.counter-text .n{color:var(--fg);font-weight:500}.counter-label{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute)}@keyframes sectionIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-100px) rotate(720deg);opacity:0}}.confetti-particle{position:fixed;width:6px;height:6px;border-radius:1px;pointer-events:none;z-index:200;animation:confetti 1.5s ease-out forwards}@media(prefers-reduced-motion:reduce){.section.current{animation:none}.confetti-particle{display:none}}.done-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030508d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s var(--ease),visibility .2s var(--ease);z-index:200}.done-backdrop.open{opacity:1;visibility:visible}.done-card{position:relative;width:100%;max-width:480px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-lg);padding:38px 32px 30px;text-align:left;box-shadow:var(--shadow);transform:translateY(12px);transition:transform .2s var(--ease)}.done-backdrop.open .done-card{transform:none}.done-close{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--fg-mute);font-size:24px;line-height:1;cursor:pointer;width:36px;height:36px;border-radius:50%;padding:0;display:inline-flex;align-items:center;justify-content:center;transition:color .2s var(--ease)}.done-close:hover{color:var(--fg)}.done-emoji{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);line-height:1;margin-bottom:16px}.done-card h3{font-size:28px;font-weight:300;line-height:1.1;color:var(--fg);margin-bottom:12px}.done-card p{font-size:15px;line-height:1.55;color:var(--fg-dim);margin-bottom:26px}.done-actions{display:grid;gap:10px}.done-btn{display:block;width:100%;padding:13px 20px;border-radius:var(--pill);border:1px solid var(--border-strong);background:transparent;color:var(--fg);font-size:15px;font-weight:500;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.done-btn:hover{border-color:var(--fg)}.done-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.done-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}@media(max-width:600px){.rules-intro{padding:48px 16px 32px}.rules-intro p{font-size:16px}.progress-bar{padding:0 16px;margin-bottom:32px}.main{padding:0 12px 96px}.section-header{padding:22px 20px 18px;gap:12px}.section-content{padding:4px 20px 20px}.section-image{height:150px}.rule{grid-template-columns:18px auto 1fr;gap:12px;padding:16px 0}.rule-text{font-size:15px}.price-table td,.price-table th{padding-right:10px;font-size:14px}.price-table .price{font-size:15px}.price-table td:first-child{white-space:normal}.step-btn{padding:11px 20px;font-size:14px}.checklist-counter{bottom:12px;right:12px;padding:8px 18px 8px 10px}.tooltip-trigger .tooltip-text{left:0;transform:none;max-width:min(280px,74vw)}.done-card{padding:30px 22px 24px}.done-card h3{font-size:24px}}
