/* ----------- tema russo (folk) ---------- */
:root{--bg:#160a10;--card:#26111a;--card2:#3a1b27;--tx:#fbf1e1;--mut:#c9a99a;--red:#c8102e;--blue:#2a5bd7;--green:#3aa76d;--gold:#f0b429;--orn:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2244%22 height=%2216%22%3E%3Crect width=%2244%22 height=%2216%22 fill=%22%238e0f25%22/%3E%3Cpath d=%22M22 1.5L30 8 22 14.5 14 8Z%22 fill=%22%23f0b429%22/%3E%3Ccircle cx=%2222%22 cy=%228%22 r=%222.4%22 fill=%22%238e0f25%22/%3E%3Cpath d=%22M0 8L4 4 8 8 4 12ZM36 8L40 4 44 8 40 12Z%22 fill=%22%23fbf1e1%22/%3E%3C/svg%3E")}
html,body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2264%22 height=%2264%22%3E%3Cpath d=%22M32 4L60 32 32 60 4 32Z%22 fill=%22none%22 stroke=%22%23f0b429%22 stroke-opacity=%22.07%22 stroke-width=%221.5%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%223%22 fill=%22%23f0b429%22 fill-opacity=%22.06%22/%3E%3C/svg%3E")}
h1,h2,h3,.price,.q,.big,.pill,.btn,.nav button{font-family:"Russo One",system-ui,sans-serif;font-weight:400;letter-spacing:.2px}
.script,.bubble b,.pk{font-family:"Marck Script","Russo One",cursive}
.card,.feat,details,.opt,.lt{border:1px solid rgba(240,180,41,.22)}
.card{position:relative}
.card:not(.badge):not(.center)::before{content:"";position:absolute;top:-1px;right:-1px;width:30px;height:30px;background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2234%22 height=%2234%22 viewBox=%220 0 34 34%22%3E%3Cg fill=%22%23f0b429%22%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%223.4%22/%3E%3Cellipse cx=%2217%22 cy=%228%22 rx=%223.4%22 ry=%225.2%22/%3E%3Cellipse cx=%2217%22 cy=%2226%22 rx=%223.4%22 ry=%225.2%22/%3E%3Cellipse cx=%228%22 cy=%2217%22 rx=%225.2%22 ry=%223.4%22/%3E%3Cellipse cx=%2226%22 cy=%2217%22 rx=%225.2%22 ry=%223.4%22/%3E%3C/g%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%222%22 fill=%22%238e0f25%22/%3E%3C/svg%3E") center/contain no-repeat;opacity:.65}
.top{border-bottom:0}
.top::after,.nav::before{content:"";position:absolute;left:0;right:0;height:9px;background:var(--orn);background-size:auto 9px}
.top::after{bottom:-9px}
.nav{border-top:0}.nav::before{top:-9px}
.nav button.on{color:var(--gold)}
h2::after{content:"";display:block;height:9px;width:96px;margin-top:8px;background:var(--orn);background-size:auto 9px;border-radius:5px}
.hero h1::after,.center h2::after{margin-left:auto;margin-right:auto}
.hero{position:relative;margin:8px 0 18px;padding:22px 16px 20px;border:3px solid var(--gold);border-radius:150px 150px 26px 26px;background:radial-gradient(ellipse at 50% 0,rgba(200,16,46,.35),transparent 70%),var(--card);box-shadow:0 0 0 6px #8e0f25,0 14px 40px rgba(0,0,0,.5)}
.hero .ru{font-family:"Russo One",sans-serif}
.hero .domes{margin:0 auto 4px}
.orn{height:12px;margin:16px auto 4px;max-width:260px;background:var(--orn);background-size:auto 12px;border-radius:6px}
.btn{box-shadow:0 4px 0 #1b3bb3,0 0 0 2px rgba(240,180,41,.55)}
.btn.red{box-shadow:0 4px 0 #7a0b1c,0 0 0 2px rgba(240,180,41,.7)}
.btn.green{box-shadow:0 4px 0 #1f6e45,0 0 0 2px rgba(240,180,41,.55)}
.btn.ghost{box-shadow:0 4px 0 #1a0a10,0 0 0 2px rgba(240,180,41,.3)}
.plan{border:2px solid var(--gold)}.plan.best{border-color:#fff2c4;box-shadow:0 0 0 5px #8e0f25,0 0 24px rgba(240,180,41,.35)}
.tag{background:var(--red);color:#fff2c4;border:1px solid var(--gold)}
.price{color:var(--gold)}
.bar{background:#1a0a10;border:1px solid rgba(240,180,41,.35)}.bar>i{background:linear-gradient(90deg,var(--red),var(--gold))}
.node{background:radial-gradient(circle at 32% 26%,#e8405d,#8e0f25);box-shadow:0 0 0 4px var(--gold),0 0 0 7px #8e0f25,0 11px 0 5px #4a0914}
.node.done{background:radial-gradient(circle at 32% 26%,#ffe08a,#d8941a);color:#3a1b27;box-shadow:0 0 0 4px #fff2c4,0 0 0 7px #8e0f25,0 11px 0 5px #4a0914}
.node.lock{background:#2a1520;box-shadow:0 0 0 4px rgba(240,180,41,.3),0 0 0 7px #3a1b27,0 11px 0 5px #14080c}
.node small{bottom:-26px;color:var(--mut);font-family:"Russo One",sans-serif;font-size:11px}
.path{gap:30px}
.opt{background:var(--card2);box-shadow:0 4px 0 #14080c}
.opt.ok{background:var(--green);box-shadow:0 4px 0 #1f6e45}.opt.bad{background:var(--red);box-shadow:0 4px 0 #7a0b1c}
.big{color:var(--gold);text-shadow:0 3px 0 #8e0f25}
.modal{border:2px solid var(--gold);box-shadow:0 0 0 5px #8e0f25,0 24px 60px rgba(0,0,0,.6)}
.proverb{text-align:center;background:linear-gradient(180deg,rgba(200,16,46,.28),rgba(38,17,26,.9));border:2px solid var(--gold);border-radius:20px;padding:16px;margin:14px 0;box-shadow:0 0 0 5px #8e0f25}
.proverb .pk{color:var(--gold);font-size:20px}
.proverb .pr{font-family:"Russo One",sans-serif;font-size:19px;line-height:1.3;margin:6px 0}
.proverb .btn{margin-top:10px;padding:10px}
.domes{display:block;width:100%;max-width:420px;height:auto;margin:18px auto 0}
.snow{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.snow i{position:absolute;top:-12px;width:var(--s);height:var(--s);border-radius:50%;background:#fff;opacity:.55;animation:snowfall var(--d) linear var(--l) infinite}
@keyframes snowfall{0%{transform:translate(0,-5vh)}50%{transform:translate(var(--x),50vh)}100%{transform:translate(0,108vh)}}
.wrap,.top,.nav{position:relative;z-index:2}.nav{position:fixed}.top{position:sticky}
.khokh{display:block;width:100%;max-width:420px;height:auto;margin:14px auto;box-shadow:0 0 0 2px #f0b429,0 0 0 5px #8e0f25;border-radius:10px}
.domes,.orn{filter:url(#wob)}
.hero{border-style:solid}
.khokh{grid-column:1/-1}