@font-face { font-family:"Caveat"; src:url("assets/fonts/Caveat-Regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
:root { color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#100302; color:#fff6e8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% 10%,rgba(143,29,18,.52),transparent 34rem),linear-gradient(180deg,#1a0503,#070202); }
body::before { content:""; position:fixed; inset:0; z-index:-1; opacity:.22; background:url("assets/cover-ru.png") center 28%/cover no-repeat; filter:blur(1px); }
a { color:inherit; }
.page { width:min(1100px,100%); margin:auto; padding:28px clamp(20px,5vw,72px); }
.language { display:flex; justify-content:flex-end; gap:5px; }
.language button { border:1px solid #7e3829; background:#180b09; color:#bfa9a0; padding:9px 12px; cursor:pointer; }
.language button:first-child { border-radius:18px 0 0 18px; }
.language button:last-child { border-radius:0 18px 18px 0; }
.language .active { color:#2b0805; background:#f4dfb4; }
.hero { min-height:620px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.logo { width:min(560px,94vw); max-height:210px; object-fit:contain; filter:drop-shadow(0 14px 24px rgba(0,0,0,.65)); }
.eyebrow { color:#f1b756; font-family:"Caveat","Segoe Print",cursive; font-size:clamp(25px,3vw,34px); font-weight:400; letter-spacing:0; line-height:1.05; text-transform:none; }
h1 { max-width:820px; margin:12px 0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:clamp(26px,3.6vw,38px); line-height:1.12; text-shadow:0 4px 22px #000; }
.lead { max-width:690px; color:#e5d7cb; font-size:clamp(15px,1.8vw,18px); line-height:1.55; }
.actions { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:20px; }
.actions a,.actions button { min-width:220px; padding:16px 24px; border-radius:15px; font:inherit; font-weight:400; color:inherit; text-decoration:none; cursor:pointer; }
.primary { background:linear-gradient(#db3820,#7a0e09); border:2px solid #f4ae45; box-shadow:0 9px 35px rgba(255,60,20,.28); }
.secondary { background:rgba(20,10,8,.78); border:1px solid #a8683d; }
.note { color:#bda79b; }
.hidden { display:none!important; }
.test-contact { width:min(660px,100%); margin:20px auto 0; padding:24px; border:1px solid #8d492d; border-radius:18px; background:rgba(20,8,7,.94); box-shadow:0 18px 45px rgba(0,0,0,.38); }
.test-contact h2 { margin:0 0 10px; color:#f3c56e; }
.test-contact p { color:#d6c4b8; }
.test-contact strong { display:block; margin:16px 0; font-size:clamp(20px,3vw,28px); color:#fff0c7; }
.contact-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.contact-actions .compact { min-width:210px; padding:13px 18px; border-radius:13px; font:inherit; font-weight:400; color:inherit; text-decoration:none; cursor:pointer; }
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:25px 0 70px; }
.features article { padding:26px; background:rgba(24,12,10,.88); border:1px solid #703a27; border-radius:20px; box-shadow:0 16px 40px rgba(0,0,0,.28); }
.feature-icon { display:flex; align-items:center; height:94px; margin-bottom:8px; }
.feature-icon img { display:block; width:96px; height:96px; object-fit:contain; filter:drop-shadow(0 5px 10px rgba(0,0,0,.48)); }
.feature-icon-pair { position:relative; width:152px; }
.feature-icon-pair img { position:absolute; top:0; width:90px; height:90px; }
.feature-icon-pair img:first-child { left:0; }
.feature-icon-pair img:last-child { left:62px; }
.features h2,.policy h2 { margin:12px 0 8px; color:#f3c56e; }
.features h2 { font-size:20px; }
.features p { margin:0; color:#cdbdb2; line-height:1.55; }
footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding:25px 0; border-top:1px solid #4b251c; color:#aa9388; }
.policy { max-width:820px; line-height:1.65; }
.policy h1 { font-size:clamp(24px,3vw,32px); }
.policy h2 { margin-top:32px; font-size:clamp(19px,2.2vw,24px); }
.policy p { color:#e0d3c9; }
.policy hr { margin:45px 0; border:0; border-top:1px solid #5e3023; }
.page-slogan { margin:4px 0 24px; color:#f1b756!important; font-family:"Caveat","Segoe Print",cursive; font-size:clamp(25px,3vw,32px); font-weight:400; letter-spacing:0; line-height:1.08; }
.language-content[hidden] { display:none!important; }
.policy>.language { position:sticky; top:10px; z-index:20; margin-bottom:18px; }
.rules-page { max-width:900px; }
.back-link { margin:0 0 12px; color:#c9a57e!important; font-size:14px; }
.rules-hero { padding:26px clamp(18px,4vw,36px); border:1px solid #8d492d; border-radius:24px; text-align:center; background:linear-gradient(145deg,rgba(52,13,9,.96),rgba(18,7,6,.97)); box-shadow:0 18px 55px rgba(0,0,0,.38); }
.rules-hero h1 { margin:6px auto 2px; }
.rules-kicker { margin:0!important; color:#dca34c!important; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.rules-hero .page-slogan { margin:6px 0 12px; }
.rules-note { width:fit-content; max-width:100%; margin:10px auto 0!important; padding:9px 14px; border:1px solid rgba(235,172,76,.42); border-radius:999px; color:#f1d69a!important; background:rgba(20,8,6,.72); font-size:13px; }
.rules-accordion { display:grid; gap:12px; margin:18px 0; }
.rule-card { overflow:hidden; border:1px solid #79402d; border-radius:17px; background:rgba(25,10,8,.94); box-shadow:0 10px 30px rgba(0,0,0,.23); }
.rule-card[open] { border-color:#b56c39; background:rgba(31,11,8,.98); }
.rule-card summary { position:relative; display:flex; flex-direction:column; gap:3px; padding:17px 48px 17px 18px; cursor:pointer; list-style:none; user-select:none; }
.rule-card summary::-webkit-details-marker { display:none; }
.rule-card summary::after { content:"+"; position:absolute; top:50%; right:18px; width:24px; height:24px; margin-top:-12px; color:#f0bd66; font-size:24px; line-height:21px; text-align:center; transition:transform .18s ease; }
.rule-card[open] summary::after { transform:rotate(45deg); }
.rule-card summary span { color:#fff0d5; font-size:18px; font-weight:800; line-height:1.25; }
.rule-card summary small { color:#c69f83; font-size:13px; line-height:1.35; }
.rule-body { padding:2px 18px 18px; border-top:1px solid rgba(154,79,49,.4); }
.rule-body p { margin:14px 0 0; color:#e5d7cc; line-height:1.58; }
.rule-body strong { color:#ffd27d; }
.rule-grid,.price-table { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-top:14px; }
.rule-grid>div,.price-table>div { display:flex; flex-direction:column; gap:4px; min-width:0; padding:13px; border:1px solid rgba(157,93,58,.45); border-radius:12px; background:rgba(10,7,6,.62); }
.rule-grid strong,.price-table strong { color:#f5c36e; font-size:14px; }
.rule-grid span,.price-table span { color:#d8c8bc; font-size:13px; line-height:1.45; }
.price-table b { color:#fff0d5; font-size:13px; line-height:1.45; overflow-wrap:anywhere; }
.rule-joke { color:#e2b76d!important; font-style:italic; }
.rules-footer { margin:22px auto 40px!important; max-width:620px; color:#d8aa65!important; font-family:"Caveat","Segoe Print",cursive; font-size:clamp(23px,3vw,30px); line-height:1.2; text-align:center; }
@media (max-width:720px) { .page{padding:20px;} .hero{min-height:590px;} .features{grid-template-columns:1fr;} .rules-page{padding:16px 12px 28px;} .rules-hero{padding:22px 15px;} .rules-note{border-radius:13px;} .rule-card summary{padding:15px 44px 15px 15px;} .rule-card summary span{font-size:16px;} .rule-body{padding:2px 14px 15px;} .rule-grid,.price-table{grid-template-columns:1fr;} }