:root{
  --bg:#050505;
  --bg2:#090909;
  --panel:#101011;
  --panel2:#151515;
  --text:#f5f0e7;
  --muted:#a7a197;
  --muted2:#78736b;
  --gold:#d8a73b;
  --gold-hi:#ffe79a;
  --gold-deep:#9b6216;
  --line:rgba(216,167,59,.22);
  --line2:rgba(255,255,255,.07);
  --shadow:0 24px 70px rgba(0,0,0,.5);
  --r:24px;
  --font-ui:"Manrope","Avenir Next","Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --font-display:"Prata","Bodoni 72","Didot","Bodoni MT","Times New Roman",serif;
  --font-serif:"Prata","Iowan Old Style","Baskerville","Palatino Linotype",Georgia,serif;
  font-family:var(--font-ui);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;background:
  radial-gradient(circle at 50% -12%,rgba(216,167,59,.10),transparent 29rem),
  radial-gradient(circle at 90% 36%,rgba(216,167,59,.045),transparent 30rem),
  #050505;color:var(--text);overflow-x:hidden;line-height:1.52;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(1120px,calc(100% - 32px));margin:auto}
.gold{
  color:transparent;
  background:linear-gradient(180deg,#fff0ae 0%,#e2b34d 45%,#a96c18 100%);
  -webkit-background-clip:text;background-clip:text;
}
header{
  position:sticky;top:0;z-index:40;
  background:rgba(5,5,5,.84);
  border-bottom:1px solid var(--line2);
  backdrop-filter:blur(18px) saturate(120%);
}
.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.brand img{width:38px;height:38px;border-radius:50%;border:1px solid rgba(216,167,59,.38)}
.brand strong{font-size:17px;letter-spacing:.11em;font-weight:900}
.navlinks{display:flex;align-items:center;gap:20px}
.navlinks a{text-decoration:none;color:#c4bfb4;font-size:13px}
.navlinks a:hover{color:var(--gold-hi)}
.hero{padding:70px 0 48px}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.kicker{
  display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--line);
  border-radius:999px;background:rgba(216,167,59,.035);color:#d6aa4b;font-size:11px;
  font-weight:900;letter-spacing:.14em;text-transform:uppercase
}
.kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}
h1,h2{font-family:var(--font-display);font-weight:700}
h1{
  font-size:clamp(54px,7vw,88px);line-height:.94;letter-spacing:-.045em;
  margin:22px 0 18px;max-width:760px
}
.hero p{margin:0;max-width:650px;color:#b4aea4;font-size:19px}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.btn{
  min-height:50px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;font-family:var(--font-ui);font-size:12.5px;line-height:1;font-weight:900;letter-spacing:.012em;border:1px solid var(--line2);transition:.18s
}
.btn:hover{transform:translateY(-1px)}
.btn-gold{
  color:#151005;border:none;
  background:linear-gradient(180deg,#ffe996,#e2ae3b 56%,#bd7d17);
  box-shadow:0 12px 28px rgba(199,139,28,.20),inset 0 1px rgba(255,255,255,.55)
}
.btn-dark{background:rgba(255,255,255,.025);border-color:var(--line);color:#e5d3a6;-webkit-text-fill-color:#e5d3a6}
.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.platforms span{padding:7px 10px;border-radius:999px;border:1px solid var(--line2);color:#98928a;font-size:12px}
.hero-art{
  position:relative;max-width:470px;margin-left:auto;
  filter:drop-shadow(0 30px 70px rgba(0,0,0,.66))
}
.hero-art:before{
  content:"";position:absolute;inset:10%;z-index:-1;border-radius:50%;
  background:radial-gradient(circle,rgba(213,154,40,.20),transparent 65%);filter:blur(24px)
}
.hero-art img{width:100%;border-radius:50%;border:1px solid rgba(222,180,78,.22)}
.section{padding:72px 0}
.section.compact{padding:46px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:28px}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#c69232;font-weight:950}
h2{font-size:clamp(36px,5vw,56px);line-height:1;margin:8px 0 0;letter-spacing:-.035em}
.section-head p{max-width:500px;margin:0;color:var(--muted);font-size:15px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.benefit{
  min-height:205px;padding:22px;border-radius:var(--r);border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),#0d0d0e;
  box-shadow:var(--shadow)
}
.num{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(216,167,59,.34);color:#d6a53d;font-weight:950;font-size:13px;margin-bottom:34px
}
.benefit h3{margin:0 0 8px;font-size:21px}
.benefit p{margin:0;color:var(--muted);font-size:15px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.plan{
  padding:24px;border-radius:var(--r);border:1px solid var(--line);background:#0d0d0f;box-shadow:var(--shadow);
  display:flex;flex-direction:column;min-height:440px
}
.plan.featured{
  background:radial-gradient(circle at 80% 0,rgba(216,167,59,.10),transparent 17rem),#111112;
  border-color:rgba(231,184,75,.47)
}
.pill{
  align-self:flex-start;padding:6px 9px;border-radius:999px;
  background:linear-gradient(180deg,#f5dc83,#c98922);color:#181106;
  text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:1000
}
.plan h3{font-size:24px;margin:20px 0 6px}
.price{font-family:var(--font-serif);font-size:44px;line-height:1;margin:12px 0 5px}
.price small{font-size:15px;color:var(--muted);font-weight:400}
.plan .desc{color:var(--muted);font-size:14px;min-height:42px}
.plan ul{list-style:none;padding:0;margin:18px 0 20px}
.plan li{padding:9px 0;border-top:1px solid var(--line2);color:#d2ccc2;font-size:14px}
.plan li:before{content:"✓";color:#d6a53d;font-weight:900;margin-right:9px}
.plan .btn{margin-top:auto;width:100%}
.eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.eco{
  position:relative;aspect-ratio:1/1;border-radius:22px;overflow:hidden;border:1px solid var(--line);
  background:#0b0b0c;box-shadow:var(--shadow)
}
.eco img{width:100%;height:100%;object-fit:cover}
.eco:after{
  content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.10) 56%,transparent 75%)
}
.eco-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}
.eco-copy strong{display:block;font-size:16px}
.eco-copy span{display:block;color:#aaa298;font-size:11px;margin-top:3px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.step{
  padding:22px;border-radius:18px;border-top:1px solid rgba(216,167,59,.33);background:rgba(255,255,255,.01)
}
.step b{font-family:var(--font-serif);font-size:30px;color:#c9902e}
.step h3{margin:13px 0 6px;font-size:19px}
.step p{margin:0;color:var(--muted);font-size:14px}
.support{
  display:grid;grid-template-columns:1fr 260px;gap:26px;align-items:center;
  border:1px solid var(--line);border-radius:28px;padding:30px;
  background:radial-gradient(circle at 86% 25%,rgba(216,167,59,.10),transparent 18rem),#101011
}
.support h3{font-family:var(--font-serif);font-size:38px;line-height:1.02;margin:8px 0 10px}
.support p{margin:0;color:var(--muted);max-width:650px}
.support img{width:100%;border-radius:22px;border:1px solid rgba(216,167,59,.22)}
.faq details{border-top:1px solid var(--line2);padding:17px 0}
.faq summary{cursor:pointer;font-weight:850;font-size:16px}
.faq p{margin:10px 0 0;color:var(--muted);font-size:14px;max-width:800px}
footer{border-top:1px solid var(--line2);padding:38px 0 48px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.footer-grid a{display:block;color:#8f8980;text-decoration:none;margin:7px 0;font-size:13px}
.footer-grid strong{font-size:13px}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand img{width:42px;height:42px;border-radius:50%;border:1px solid var(--line)}
.footer-note{font-size:11px;color:#6f6b65;max-width:440px;margin-top:12px}
.legal{padding:58px 0 88px;max-width:850px}
.legal h1{font-size:clamp(42px,7vw,64px);margin:8px 0 20px}
.legal h2{font-size:28px;margin-top:34px}
.legal p,.legal li{color:#bbb4aa}
.notice{border:1px solid var(--line);border-radius:16px;padding:15px 17px;background:rgba(216,167,59,.045);color:#c9c0b2}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-art{margin:0 auto;max-width:340px}
  .benefits,.plans,.steps{grid-template-columns:1fr}
  .eco-grid{grid-template-columns:repeat(2,1fr)}
  .support{grid-template-columns:1fr}
  .support img{max-width:280px}
  .section-head{display:block}
  .section-head p{margin-top:13px}
  .plan{min-height:0}
}
@media(max-width:680px){
  .container{width:min(100% - 26px,1120px)}
  .nav{height:60px}
  .brand img{width:34px;height:34px}
  .brand strong{font-size:15px}
  .navlinks a:not(:last-child){display:none}
  .hero{padding:44px 0 30px}
  h1{font-size:clamp(46px,13vw,61px);line-height:.96;max-width:100%}
  .hero p{font-size:16px}
  .actions{display:grid;grid-template-columns:1fr}
  .btn{width:100%}
  .platforms{margin-top:16px}
  .hero-art{max-width:220px;margin-top:6px}
  .section{padding:54px 0}
  .section.compact{padding:34px 0}
  .benefit{min-height:0;padding:20px}
  .num{margin-bottom:24px}
  .plans{gap:12px}
  .plan{padding:22px}
  .price{font-size:40px}
  .eco-grid{gap:9px}
  .eco{border-radius:18px}
  .eco-copy{left:12px;right:12px;bottom:11px}
  .eco-copy strong{font-size:14px}
  .eco-copy span{font-size:10px}
  .support{padding:22px}
  .support h3{font-size:34px}
  .support img{display:none}
  .footer-grid{grid-template-columns:1fr}
}

/* Device chooser */
.devices-section{padding-top:42px}
.devices-head{align-items:center}
.device-groups{display:grid;gap:22px}
.device-group{border:1px solid var(--line);border-radius:28px;padding:20px;background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(255,255,255,.006)),#0b0b0c;box-shadow:var(--shadow)}
.device-group-title{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#8e877d;font-weight:900;margin:0 0 13px 2px}
.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.device-card{min-height:92px;padding:14px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:48px 1fr 22px;gap:12px;align-items:center;text-decoration:none;transition:.18s ease;position:relative;overflow:hidden}
.device-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0,rgba(216,167,59,.10),transparent 45%);opacity:0;transition:.18s}
.device-card:hover{transform:translateY(-2px);border-color:rgba(216,167,59,.42);background:rgba(216,167,59,.035)}
.device-card:hover:before{opacity:1}
.device-card.recommended{border-color:rgba(231,184,75,.58);box-shadow:0 0 0 1px rgba(216,167,59,.08) inset,0 14px 38px rgba(0,0,0,.28)}
.device-card.recommended:after{content:"Для этого устройства";position:absolute;right:10px;top:8px;padding:3px 6px;border-radius:999px;background:#d7a43a;color:#160f05;font-size:8px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}
.device-icon{width:48px;height:48px;border-radius:14px;border:1px solid rgba(216,167,59,.34);display:grid;place-items:center;color:#ddb34e;background:linear-gradient(145deg,rgba(216,167,59,.08),rgba(255,255,255,.01));font-weight:1000;font-size:11px;letter-spacing:.04em;z-index:1}
.device-copy{min-width:0;z-index:1}
.device-copy strong{display:block;font-size:15px;line-height:1.15}
.device-copy small{display:block;color:#89837b;font-size:11px;margin-top:5px;line-height:1.25}
.device-arrow{color:#9e7730;font-size:17px;text-align:right;z-index:1}
.device-note{margin-top:15px;padding:13px 15px;border:1px solid var(--line2);border-radius:14px;color:#817b73;font-size:12px;background:rgba(255,255,255,.012)}
.device-note strong{color:#b7afa3}

/* Ecosystem links */
a.eco{text-decoration:none;display:block;transition:.18s ease}
a.eco:hover{transform:translateY(-2px);border-color:rgba(216,167,59,.42)}

/* Forum structure */
.forum-board{display:grid;gap:14px}
.forum-category{border:1px solid var(--line);border-radius:24px;background:#0d0d0e;overflow:hidden;box-shadow:var(--shadow)}
.forum-category-head{min-height:74px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line2);background:linear-gradient(100deg,rgba(216,167,59,.06),transparent 45%)}
.forum-category-head>div{display:flex;align-items:center;gap:12px}
.forum-category-head span{width:34px;height:34px;border-radius:50%;border:1px solid rgba(216,167,59,.32);display:grid;place-items:center;color:#cf9d37;font-size:10px;font-weight:950}
.forum-category-head strong{font-size:18px}
.forum-category-head small{color:#777168;font-size:11px}
.forum-list{display:grid}
.forum-row{min-height:76px;padding:15px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.045)}
.forum-row:first-child{border-top:0}
.forum-row>div strong{display:block;font-size:14px}
.forum-row>div span{display:block;color:#888178;font-size:11px;margin-top:4px}
.forum-row>b{padding:5px 8px;border-radius:999px;border:1px solid var(--line);color:#ac8740;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.support-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.support-chip{padding:10px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:#d7cdbf;background:rgba(255,255,255,.018);font-size:12px;font-weight:800}
.support-chip:hover{border-color:rgba(216,167,59,.45)}
.muted-chip{color:#777168;border-color:var(--line2)}

@media(max-width:900px){
  .device-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .devices-section{padding-top:28px}
  .device-group{padding:12px;border-radius:20px}
  .device-grid{grid-template-columns:1fr;gap:8px}
  .device-card{min-height:78px;grid-template-columns:44px 1fr 20px;padding:11px}
  .device-icon{width:44px;height:44px;border-radius:12px}
  .device-card.recommended:after{font-size:7px;top:6px;right:8px}
  .forum-category{border-radius:18px}
  .forum-category-head{align-items:flex-start;padding:15px}
  .forum-category-head small{display:none}
  .forum-row{padding:14px 15px;grid-template-columns:1fr;gap:8px}
  .forum-row>b{justify-self:start}
}


/* Detailed installation guide */
.guide-hero{padding:68px 0 36px}
.guide-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}
.guide-hero h1{font-size:clamp(48px,6.8vw,78px);max-width:820px}
.guide-hero p{max-width:720px;color:#aaa39a;font-size:18px;margin:0}
.guide-hero-card{border:1px solid var(--line);border-radius:28px;padding:26px;background:radial-gradient(circle at 20% 0,rgba(216,167,59,.11),transparent 16rem),#0e0e0f;box-shadow:var(--shadow)}
.guide-hero-card strong{display:block;font-size:22px;margin:17px 0 8px}
.guide-hero-card p{font-size:14px;color:var(--muted)}
.guide-lock{width:68px;height:68px;border-radius:20px;border:1px solid rgba(216,167,59,.42);display:grid;place-items:center;font-weight:1000;color:#e1b34d;letter-spacing:.08em;background:rgba(216,167,59,.05)}
.guide-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.guide-flow-card{padding:21px;border:1px solid var(--line);border-radius:20px;background:#0d0d0f;min-height:245px;display:flex;flex-direction:column}
.guide-flow-card>b{font-family:var(--font-serif);font-size:30px;color:#c9902e}
.guide-flow-card h3{font-size:19px;margin:13px 0 8px}
.guide-flow-card p{color:var(--muted);font-size:13px;margin:0 0 14px}
.guide-flow-card a{color:#d6a53d;text-decoration:none;font-weight:850;font-size:12px;margin-top:auto}
.guide-status{display:inline-flex;align-self:flex-start;margin-top:auto;padding:6px 9px;border-radius:999px;border:1px solid var(--line2);font-size:10px;color:#827b72}
.guide-callout{margin-top:18px;padding:18px 20px;border-radius:18px;display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}
.guide-callout strong{display:block;font-size:15px;margin-bottom:5px}
.guide-callout p{margin:0;color:#a49d93;font-size:13px}
.callout-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:1000}
.good-callout{border:1px solid rgba(112,169,103,.32);background:rgba(79,137,71,.06)}
.good-callout .callout-icon{border:1px solid rgba(112,169,103,.38);color:#9ac38e}
.warn-callout{border:1px solid rgba(216,167,59,.28);background:rgba(216,167,59,.04)}
.warn-callout .callout-icon{border:1px solid rgba(216,167,59,.38);color:#d6a53d}
.neutral-callout{border:1px solid var(--line2);background:rgba(255,255,255,.018)}
.neutral-callout .callout-icon{border:1px solid var(--line2);color:#aaa39a}
.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.delivery-card{padding:20px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.015)}
.delivery-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:#c99634;font-weight:900;font-size:11px}
.delivery-card h3{font-size:17px;margin:14px 0 7px}
.delivery-card p{font-size:13px;color:var(--muted);margin:0}
.platform-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.platform-guide{border:1px solid var(--line);border-radius:24px;padding:22px;background:#0d0d0f;box-shadow:var(--shadow);display:flex;flex-direction:column}
.platform-guide-head{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line2);padding-bottom:16px;margin-bottom:14px}
.platform-badge{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(216,167,59,.36);color:#d8aa42;font-weight:1000;font-size:11px}
.platform-guide-head h3{font-size:22px;margin:0}
.platform-guide-head p{margin:3px 0 0;color:#817a72;font-size:11px}
.platform-guide ol{margin:0;padding-left:23px;color:#d1cac0}
.platform-guide li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:13px}
.platform-guide li:last-child{border-bottom:0}
.platform-guide code,.guide-callout code,.guide-flow code,.delivery-card code{padding:2px 5px;border-radius:6px;background:rgba(216,167,59,.07);color:#e0b958;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.guide-download{margin-top:auto;width:100%;min-height:44px;font-size:12px}
.compat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.compat-card{padding:20px;border-radius:20px;border:1px solid var(--line2);background:#0c0c0d;min-height:230px}
.compat-card.current{border-color:rgba(216,167,59,.34)}
.compat-label{display:inline-flex;padding:5px 8px;border-radius:999px;border:1px solid var(--line);font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#c89737;font-weight:900}
.compat-card h3{font-size:18px;margin:15px 0 8px}
.compat-card p{font-size:13px;color:var(--muted);margin:0}
@media(max-width:900px){
  .guide-hero-grid{grid-template-columns:1fr}
  .guide-flow,.delivery-grid,.compat-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .guide-hero{padding:42px 0 20px}
  .guide-hero h1{font-size:clamp(43px,12.4vw,58px)}
  .guide-hero p{font-size:15px}
  .guide-hero-card{padding:20px;border-radius:20px}
  .guide-flow,.delivery-grid,.platform-guide-grid,.compat-grid{grid-template-columns:1fr}
  .guide-flow-card{min-height:0}
  .platform-guide{padding:18px;border-radius:19px}
  .guide-callout{grid-template-columns:36px 1fr;padding:15px}
  .callout-icon{width:36px;height:36px}
}

/* Recognizable platform branding */
.platform-chip{display:inline-flex!important;align-items:center;gap:7px;padding:7px 10px!important}
.platform-mini-logo{width:16px;height:16px;object-fit:contain;display:block}
.device-logo{padding:9px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));}
.platform-card-logo{width:100%;height:100%;max-width:29px;max-height:29px;object-fit:contain;display:block}
.inline-platform-logo{width:15px;height:15px;vertical-align:-3px;margin-right:5px;object-fit:contain}
.forum-platform-badge{display:inline-flex!important;align-items:center;gap:6px}
.forum-platform-badge img{width:13px;height:13px;object-fit:contain}
.platform-badge-logo{padding:11px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(216,167,59,.035))}
.platform-badge-logo img{width:100%;height:100%;max-width:29px;max-height:29px;object-fit:contain}
.compat-label{align-items:center;gap:5px}
.compat-label img{width:13px;height:13px;object-fit:contain}
.platform-icon-row{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}
.platform-icon-row span{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line2);border-radius:999px;color:#b8b0a6;font-size:10px;font-weight:800}
.platform-icon-row img{width:14px;height:14px;object-fit:contain}
.trademark-note{margin-top:9px;color:#5f5b55;font-size:9px;line-height:1.45;max-width:620px}

/* Beginner-friendly GitHub / APK install guide */
.beginner-guide{display:grid;gap:12px;margin:2px 0 18px}
.beginner-phase{border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(255,255,255,.012);overflow:hidden}
.phase-title{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(100deg,rgba(216,167,59,.055),transparent 62%)}
.phase-title>span{width:31px;height:31px;border-radius:50%;border:1px solid rgba(216,167,59,.34);display:grid;place-items:center;color:#d5a23a;font-size:11px;font-weight:1000}
.phase-title strong{display:block;font-size:14px;color:#eee8df}
.phase-title small{display:block;color:#777168;font-size:10px;margin-top:2px;line-height:1.35}
.beginner-phase ol{margin:0;padding:5px 17px 9px 39px}
.beginner-phase li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.035);font-size:12.5px;line-height:1.55;color:#cfc7bd}
.beginner-phase li:last-child{border-bottom:0}
.beginner-phase li::marker{color:#c79433;font-weight:900}
.micro-warning{padding:12px 14px;border:1px solid rgba(216,167,59,.24);border-radius:14px;background:rgba(216,167,59,.035);color:#9b9388;font-size:11.5px;line-height:1.55}
.micro-warning strong{color:#d2c7b8}
.micro-warning code{padding:2px 5px;border-radius:6px;background:rgba(216,167,59,.07);color:#e0b958;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
#huawei.platform-guide,#windows.platform-guide{grid-column:1/-1}
#huawei .platform-guide-head,#windows .platform-guide-head{max-width:760px}
#huawei .guide-download,#windows .guide-download{max-width:420px}

@media(max-width:680px){
  .platform-mini-logo{width:15px;height:15px}
  .platform-card-logo{max-width:27px;max-height:27px}
  .phase-title{grid-template-columns:31px 1fr;padding:12px}
  .phase-title>span{width:29px;height:29px}
  .beginner-phase ol{padding-left:34px;padding-right:13px}
  .beginner-phase li{font-size:12px}
  #huawei .guide-download,#windows .guide-download{max-width:none}
}

/* v9: Telegram bot integration */
.btn-telegram{background:#1d2028;color:#fff;border:1px solid rgba(255,255,255,.14)}
.btn-telegram:hover{border-color:rgba(201,144,46,.55);transform:translateY(-1px)}
.telegram-chip{border-color:rgba(201,144,46,.42)}

/* v10: account + private club */
button{font:inherit}
.club-crown{display:inline-block;margin-left:9px;font-size:.92em;line-height:1;transform:translateY(-1px)}
.btn-action{min-height:48px;padding:0 19px;border-radius:13px;font-size:12.5px;font-weight:900;letter-spacing:.012em}
.nav-account-btn{
  min-height:38px;padding:0 13px;border-radius:12px;border:1px solid rgba(216,167,59,.35);
  color:#ead49b;background:linear-gradient(180deg,rgba(216,167,59,.08),rgba(216,167,59,.02));
  font-size:12px;font-weight:900;cursor:pointer;white-space:nowrap
}
.nav-account-btn:hover{border-color:rgba(255,225,142,.6);color:#ffe59a}
.btn-club{cursor:pointer;background:linear-gradient(180deg,rgba(216,167,59,.11),rgba(216,167,59,.025));color:#ead49b;border-color:rgba(216,167,59,.42)}
.btn-club:hover{border-color:rgba(255,226,146,.65)}
.account-section{padding-top:54px}
.account-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-choice-card{
  min-height:310px;padding:24px;border:1px solid var(--line);border-radius:26px;background:
  radial-gradient(circle at 85% 4%,rgba(216,167,59,.09),transparent 17rem),#0d0d0f;
  box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start
}
.account-choice-card h3{font-family:var(--font-serif);font-size:31px;margin:7px 0 9px}
.account-choice-card p{color:var(--muted);font-size:14px;margin:0;max-width:520px}
.account-choice-card .btn{margin-top:auto}
.account-choice-kicker{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#b9862d;font-weight:950}
.account-choice-icon{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;
  border:1px solid rgba(216,167,59,.46);color:#e9bc59;font-family:var(--font-serif);font-size:31px;
  background:radial-gradient(circle at 40% 30%,rgba(255,234,159,.15),transparent 42%),#101011
}
.club-choice-card{overflow:hidden;position:relative}
.avatar-preview-stack{height:66px;display:flex;align-items:center;margin:0 0 10px 4px}
.avatar-preview-stack img{width:62px;height:62px;border-radius:50%;object-fit:cover;border:2px solid #0d0d0f;box-shadow:0 0 0 1px rgba(216,167,59,.32);margin-left:-12px}
.avatar-preview-stack img:first-child{margin-left:0}
.club-cta-row{display:flex;align-items:center;gap:14px;margin-top:18px}
.club-cta-row span{font-size:11px;color:#7f786f}
.member-inline{margin-top:14px;padding:18px;border:1px solid rgba(216,167,59,.32);border-radius:22px;background:rgba(216,167,59,.035)}
.member-inline-inner{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.member-inline-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,167,59,.48)}
.member-inline strong{display:block;font-size:17px}
.member-inline span{display:block;color:#8f887e;font-size:11px;margin-top:4px}

.ekip-modal[hidden]{display:none}
.ekip-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:16px}
.ekip-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}
.ekip-modal-card{
  position:relative;z-index:1;width:min(760px,100%);max-height:min(900px,92vh);overflow:auto;
  border:1px solid rgba(216,167,59,.38);border-radius:28px;padding:28px;
  background:radial-gradient(circle at 85% 0,rgba(216,167,59,.11),transparent 21rem),#0c0c0e;
  box-shadow:0 34px 110px rgba(0,0,0,.75)
}
.modal-close{
  position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);
  color:#bcb5aa;background:#131315;font-size:24px;line-height:1;cursor:pointer;z-index:2
}
.modal-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#8e6b2d;font-size:9px;letter-spacing:.18em;font-weight:950}
.modal-brand img{width:42px;height:42px;border-radius:50%;border:1px solid rgba(216,167,59,.36)}
.modal-head{padding-right:46px}
.modal-head h2{font-size:clamp(35px,6vw,50px);margin-top:7px}
.modal-head p{margin:12px 0 0;color:var(--muted);max-width:600px;font-size:14px}
.account-form{margin-top:24px}
.field-label{display:block;color:#d6d0c6;font-size:12px;font-weight:900;margin:17px 0 7px}
.field-input{
  width:100%;height:50px;border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:0 14px;
  color:#f5f0e7;background:#111113;outline:none;font-size:16px
}
.field-input:focus{border-color:rgba(216,167,59,.58);box-shadow:0 0 0 3px rgba(216,167,59,.07)}
.field-help{font-size:10.5px;color:#756f68;margin:7px 2px 0;line-height:1.5}
.club-form-title{margin-top:23px;padding-top:20px;border-top:1px solid var(--line2);display:flex;justify-content:space-between;gap:14px;align-items:end}
.club-form-title span{font-family:var(--font-serif);font-size:22px}
.club-form-title small{color:#746e66;font-size:10px;text-align:right}
.avatar-label{margin-top:18px}
.avatar-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.avatar-option{padding:0;border:1px solid rgba(255,255,255,.08);background:#101011;border-radius:15px;overflow:hidden;cursor:pointer;aspect-ratio:1;position:relative}
.avatar-option img{width:100%;height:100%;object-fit:cover}
.avatar-option:hover{border-color:rgba(216,167,59,.45)}
.avatar-option.selected{border-color:#e1b24b;box-shadow:0 0 0 2px rgba(225,178,75,.18),0 0 22px rgba(216,167,59,.13)}
.avatar-option.selected:after{content:"✓";position:absolute;right:5px;bottom:5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e0ad43;color:#171005;font-size:11px;font-weight:1000}
.consent-row{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;margin-top:20px;color:#918a80;font-size:11px;line-height:1.45}
.consent-row input{margin:2px 0 0;accent-color:#d5a23a}
.consent-row a{color:#cba04a}
.form-submit{width:100%;margin-top:18px;cursor:pointer}
.form-submit[disabled]{opacity:.55;cursor:wait}
.form-error{margin-top:14px;padding:11px 13px;border:1px solid rgba(190,78,55,.35);border-radius:12px;background:rgba(190,78,55,.07);color:#d9a79b;font-size:11px}
.club-switch{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:13px;font-size:10px;color:#69645d}
.text-button{border:0;background:none;color:#c99b3d;padding:4px;cursor:pointer;font-weight:850}
body.modal-open{overflow:hidden}

.account-panel-head{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin:8px 0 22px}
.account-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,167,59,.5);background:#121214}
.account-avatar-placeholder{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-family:var(--font-serif);font-size:34px;color:#d0a03e}
.account-panel-head h2{font-size:35px;margin:3px 0 4px}
.account-panel-head p{margin:0;color:#807970;font-size:11px}
.account-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.account-badge{padding:5px 8px;border:1px solid var(--line2);border-radius:999px;font-size:9px;color:#9b948a}
.account-badge.gold-badge{border-color:rgba(216,167,59,.35);color:#cfa044}
.account-dashboard{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.dashboard-card{padding:16px;border:1px solid var(--line2);border-radius:17px;background:rgba(255,255,255,.014)}
.dashboard-card span{display:block;font-size:9px;color:#746e66;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.dashboard-card strong{display:block;font-size:15px;margin-top:6px}
.dashboard-card small{display:block;color:#777168;font-size:10px;margin-top:4px;line-height:1.45}
.account-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}
.account-actions .btn{width:100%;font-size:12px;cursor:pointer}
.account-actions .btn[disabled]{opacity:.48;cursor:not-allowed;transform:none}
.preference-card{margin-top:12px;padding:15px;border:1px solid var(--line2);border-radius:16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.preference-card strong{display:block;font-size:13px}
.preference-card span{display:block;font-size:10px;color:#777168;margin-top:4px}
.toggle{appearance:none;width:46px;height:26px;border-radius:999px;background:#29292c;border:1px solid rgba(255,255,255,.08);position:relative;cursor:pointer;transition:.18s}
.toggle:before{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#8d8983;transition:.18s}
.toggle:checked{background:rgba(216,167,59,.25);border-color:rgba(216,167,59,.42)}
.toggle:checked:before{left:23px;background:#e2b44f}
.account-foot-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line2)}
.account-foot-actions button{border:0;background:none;color:#736d65;font-size:10px;cursor:pointer;padding:4px}
.account-foot-actions button:hover{color:#c69a42}
.account-foot-actions #logoutBtn{
  min-height:46px;padding:0 16px;border:1px solid rgba(216,167,59,.34);border-radius:14px;
  background:rgba(216,167,59,.075);color:#e7cf98;font-size:12px;font-weight:900;letter-spacing:.01em;
}
.account-foot-actions #logoutBtn:hover{background:rgba(216,167,59,.12);border-color:rgba(216,167,59,.52);color:#ffe79a}
@media(max-width:680px){
  .account-foot-actions{align-items:center}
  .account-foot-actions #logoutBtn{min-width:190px}
}

.club-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--line2)}
.club-editor h3{font-family:var(--font-serif);font-size:24px;margin:0 0 8px}

@media(max-width:900px){
  .account-choice{grid-template-columns:1fr}
  .avatar-grid{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:680px){
  .navlinks{display:none}
  .nav-account-btn{min-height:36px;padding:0 11px;font-size:11px}
  .account-section{padding-top:40px}
  .account-choice-card{min-height:260px;padding:20px;border-radius:20px}
  .account-choice-card h3{font-size:27px}
  .club-cta-row{display:grid;gap:9px}
  .club-cta-row .btn{width:100%}
  .ekip-modal{padding:0;align-items:end}
  .ekip-modal-card{width:100%;max-height:94vh;border-radius:24px 24px 0 0;padding:22px 16px calc(22px + env(safe-area-inset-bottom));border-left:0;border-right:0;border-bottom:0}
  .modal-brand{margin-bottom:18px}
  .modal-head{padding-right:38px}
  .modal-head h2{font-size:37px}
  .avatar-grid{grid-template-columns:repeat(4,1fr);gap:7px}
  .avatar-option{border-radius:13px}
  .club-form-title{display:block}
  .club-form-title small{display:block;text-align:left;margin-top:4px}
  .account-dashboard{grid-template-columns:1fr}
  .account-actions{grid-template-columns:1fr}
  .account-panel-head{grid-template-columns:72px 1fr;gap:12px}
  .account-avatar,.account-avatar-placeholder{width:72px;height:72px}
  .account-panel-head h2{font-size:28px}
  .member-inline-inner{grid-template-columns:52px 1fr}
  .member-inline-avatar{width:52px;height:52px}
  .member-inline-inner .btn{grid-column:1/-1;width:100%}
}
@media(min-width:901px){.steps{grid-template-columns:repeat(4,1fr)}}

/* Interactive forum */
.forum-head{margin-bottom:18px}
.forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.015)}
.forum-status{display:grid;grid-template-columns:10px auto;column-gap:9px;align-items:center}
.forum-status-dot{width:9px;height:9px;border-radius:50%;background:#cfa03a;box-shadow:0 0 16px rgba(216,167,59,.45);grid-row:1/3}
.forum-status strong{font-size:13px}
.forum-status small{font-size:11px;color:#7f786f;margin-top:2px}
.forum-row-btn{width:100%;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.forum-row-btn:hover{background:linear-gradient(90deg,rgba(216,167,59,.055),rgba(255,255,255,.015))}
.forum-row-btn:focus-visible{outline:1px solid #d3a443;outline-offset:-2px}
.forum-row{grid-template-columns:minmax(0,1fr) auto auto}
.forum-count{font-style:normal;color:#786f63;font-size:10px;min-width:44px;text-align:right}
.forum-view{border:1px solid var(--line);border-radius:24px;background:#0c0c0d;box-shadow:var(--shadow);overflow:hidden}
.forum-view-head{padding:24px;border-bottom:1px solid var(--line2);background:radial-gradient(circle at 88% 0,rgba(216,167,59,.09),transparent 20rem)}
.forum-view-head h3{font-family:var(--font-serif);font-size:clamp(30px,4vw,44px);line-height:1.05;margin:8px 0 8px}
.forum-view-head p{margin:0;color:var(--muted);max-width:720px;font-size:14px}
.forum-back{border:0;background:transparent;color:#ba8d39;padding:0;font-weight:900;cursor:pointer;font-size:12px}
.forum-back:hover{color:#e0b654}
.forum-breadcrumb{text-transform:uppercase;letter-spacing:.12em;color:#6f695f;font-size:9px;font-weight:950;margin-top:14px}
.forum-section-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.forum-readonly{padding:8px 10px;border:1px solid var(--line2);border-radius:999px;color:#958d82;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.forum-new-topic{width:auto}
.topic-list{display:grid}
.topic-card{display:grid;grid-template-columns:52px minmax(0,1fr) 72px;gap:13px;align-items:center;width:100%;padding:15px 18px;border:0;border-top:1px solid var(--line2);background:transparent;color:inherit;text-align:left;cursor:pointer}
.topic-card:first-child{border-top:0}
.topic-card:hover{background:rgba(216,167,59,.035)}
.topic-card img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,167,59,.32);background:#080808}
.topic-card-main{min-width:0}
.topic-title-line{display:flex;align-items:center;gap:8px;min-width:0}
.topic-title-line strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topic-card-main>span{display:block;color:#777168;font-size:10px;margin-top:5px}
.topic-pin{padding:3px 6px;border-radius:999px;background:rgba(216,167,59,.12);color:#c79a3d;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;flex:0 0 auto}
.topic-meta{text-align:center;border-left:1px solid var(--line2);padding-left:12px}
.topic-meta b{display:block;color:#c89b3f;font-size:17px}
.topic-meta small{display:block;color:#777168;font-size:9px;margin-top:1px}
.forum-empty,.forum-loading,.forum-error-card{padding:34px 24px;text-align:center}
.forum-empty strong,.forum-error-card strong{display:block;font-size:17px}
.forum-empty span{display:block;color:#777168;font-size:12px;margin-top:5px}
.forum-loading{color:#8d857a;font-size:13px}
.forum-error-card .btn{margin-top:14px;width:auto}
.forum-composer{margin:18px;padding:18px;border:1px solid rgba(216,167,59,.23);border-radius:18px;background:linear-gradient(160deg,rgba(216,167,59,.045),rgba(255,255,255,.012))}
.forum-composer label{display:block;color:#a8a095;font-size:11px;font-weight:850;margin-bottom:12px}
.forum-composer input,.forum-composer textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;background:#080809;color:#eee7dc;padding:12px 13px;font:inherit;font-size:14px;outline:none;resize:vertical}
.forum-composer input:focus,.forum-composer textarea:focus{border-color:rgba(216,167,59,.58);box-shadow:0 0 0 3px rgba(216,167,59,.06)}
.forum-form-error{padding:10px 12px;margin:0 0 12px;border-radius:10px;border:1px solid rgba(185,72,72,.35);color:#d89999;background:rgba(120,30,30,.09);font-size:12px}
.forum-composer>.btn{width:auto}
.topic-head-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.topic-head-meta span{padding:5px 8px;border:1px solid var(--line2);border-radius:999px;color:#8f877c;font-size:9px}
.post-list{display:grid}
.forum-post{display:grid;grid-template-columns:150px minmax(0,1fr);border-top:1px solid var(--line2)}
.forum-post:first-child{border-top:0}
.forum-post aside{padding:18px;border-right:1px solid var(--line2);text-align:center;background:rgba(255,255,255,.008)}
.forum-post aside img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid rgba(216,167,59,.35);display:block;margin:0 auto 9px}
.forum-post aside strong{display:block;font-size:12px;word-break:break-word}
.forum-post aside span{display:block;color:#716a61;font-size:9px;margin-top:4px}
.post-body{padding:18px 20px;min-width:0}
.post-top{display:flex;justify-content:space-between;gap:12px;color:#6f685e;font-size:9px;margin-bottom:12px}
.post-body p{margin:0;color:#d0c8bd;font-size:14px;line-height:1.62;overflow-wrap:anywhere}
.post-parent{padding:7px 9px;border-left:2px solid #8d6a29;background:rgba(216,167,59,.035);color:#837a6e;font-size:10px;margin:0 0 10px}
.post-reply{border:0;background:transparent;color:#a77e32;font-weight:850;font-size:10px;padding:10px 0 0;cursor:pointer}
.forum-gate{margin:18px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.012)}
.forum-gate strong{display:block;font-size:15px}
.forum-gate span{display:block;color:#817a70;font-size:11px;margin:5px 0 13px;max-width:650px}
.forum-gate .btn{width:auto}
.reply-target{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:12px;border-radius:10px;background:rgba(216,167,59,.06);color:#a78851;font-size:10px}
.reply-target button{border:0;background:transparent;color:#bba06a;font-size:18px;cursor:pointer}

@media(max-width:680px){
  .forum-toolbar{align-items:stretch;flex-direction:column}
  .forum-toolbar .btn{width:100%}
  .forum-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}
  .forum-row>b{grid-column:2;grid-row:1;align-self:start}
  .forum-count{grid-column:2;grid-row:2;text-align:right;align-self:end}
  .forum-view{border-radius:18px}
  .forum-view-head{padding:18px}
  .forum-section-actions{display:grid}
  .forum-section-actions .btn{width:100%}
  .topic-card{grid-template-columns:44px minmax(0,1fr);padding:13px}
  .topic-card img{width:44px;height:44px}
  .topic-meta{grid-column:2;border-left:0;padding-left:0;text-align:left;display:flex;gap:4px;align-items:baseline;margin-top:-4px}
  .topic-meta b{font-size:12px}.topic-meta small{font-size:9px}
  .forum-composer{margin:12px;padding:14px}
  .forum-composer>.btn{width:100%}
  .forum-post{grid-template-columns:1fr}
  .forum-post aside{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:10px;padding:13px;border-right:0;border-bottom:1px solid rgba(255,255,255,.035)}
  .forum-post aside img{width:44px;height:44px;grid-row:1/3;margin:0}
  .forum-post aside strong{align-self:end}.forum-post aside span{align-self:start;margin-top:2px}
  .post-body{padding:15px}
  .forum-gate{margin:12px;padding:14px}
  .forum-gate .btn{width:100%}
}

/* v12 — club hierarchy, responsive CTAs and richer forum */
.nav-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.btn-club{
  color:#160f05;-webkit-text-fill-color:#160f05;border:1px solid rgba(255,230,143,.55);
  background:linear-gradient(180deg,#fff0aa 0%,#e5b548 48%,#ad6d16 100%);
  box-shadow:0 10px 28px rgba(190,126,20,.22),inset 0 1px rgba(255,255,255,.58);
  position:relative;overflow:hidden
}
.btn-club:after{content:"";position:absolute;inset:-80% auto -80% -35%;width:28%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:.35s}
.btn-club:hover:after{left:120%}
.nav-club-cta{min-height:50px;padding:0 21px 1px;border-radius:14px;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:.018em;white-space:nowrap;text-shadow:0 1px rgba(255,255,255,.25)}
.nav-account-btn{min-height:40px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);color:#c9c1b5;font-weight:850;cursor:pointer;white-space:nowrap}
.nav-account-btn:hover{border-color:rgba(216,167,59,.42);color:#f2dfaa}
.btn-telegram{border:1px solid rgba(216,167,59,.3);background:linear-gradient(145deg,#121213,#0b0b0c);color:#e2cf9d}
.btn[disabled],button[disabled],select[disabled]{cursor:not-allowed;opacity:.53;transform:none!important}

.club-benefits-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.club-benefits-list>div{min-height:112px;padding:16px;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(145deg,rgba(216,167,59,.035),rgba(255,255,255,.012));display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start}
.club-benefits-list b{width:34px;height:34px;border:1px solid rgba(216,167,59,.32);border-radius:50%;display:grid;place-items:center;color:#c99735;font-family:var(--font-serif);font-size:11px}
.club-benefits-list span,.club-benefits-list strong,.club-benefits-list small{display:block}
.club-benefits-list strong{font-family:var(--font-serif);font-size:17px;color:#eee5d6}
.club-benefits-list small{margin-top:4px;color:#8d857b;line-height:1.42;font-size:11px}
.club-cta-row{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:15px;background:rgba(216,167,59,.025)}
.club-cta-row span{color:#817a70;font-size:11px}

.checkout-shell{margin-top:18px;padding:22px;border:1px solid rgba(216,167,59,.26);border-radius:24px;background:radial-gradient(circle at 92% 0,rgba(216,167,59,.08),transparent 22rem),#0c0c0e;box-shadow:var(--shadow)}
.checkout-shell-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}
.checkout-shell-head h3{font-family:var(--font-serif);font-size:27px;margin:4px 0 0}
.checkout-shell-head>small{color:#746d63;font-size:10px;text-align:right;max-width:240px}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr auto;gap:10px;align-items:end}
.checkout-grid label{display:grid;gap:7px;color:#a69e93;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.checkout-grid select{width:100%;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line2);background:#080809;color:#bcb3a7;font:inherit;font-size:12px;text-transform:none;letter-spacing:0}
.checkout-email>div{min-height:44px;border:1px solid var(--line2);border-radius:12px;padding:9px 11px;display:flex;align-items:center;gap:8px;background:#080809}
.checkout-email input{accent-color:#d8a73b}
.checkout-email small{font-size:10px;color:#8d857a;text-transform:none;letter-spacing:0;font-weight:600;line-height:1.3}
.checkout-grid .btn{min-height:44px;white-space:nowrap}
.checkout-note{margin:13px 0 0;color:#756e65;font-size:10px;line-height:1.5}

.telegram-ecosystem{position:relative;overflow:hidden}
.telegram-ecosystem:before{content:"TELEGRAM";position:absolute;right:18px;top:7px;font-family:var(--font-serif);font-size:66px;color:rgba(216,167,59,.025);font-weight:900;letter-spacing:-.05em;pointer-events:none}
.telegram-primary-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.telegram-primary-row .btn{width:auto}
.telegram-link-note{display:block;margin-top:10px;color:#756e65;font-size:10px;line-height:1.5;max-width:680px}
.telegram-channel-ready[disabled]{border-style:dashed;opacity:.72}
.avatar-label-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:16px}
.avatar-label-row>span{color:#94753c;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.avatar-help{margin-top:4px!important}

/* Forum: aristocratic black/gold rather than generic white-board UI */
.forum-section{position:relative}
.forum-section:before{content:"";position:absolute;inset:8% 0 auto 0;height:360px;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(216,167,59,.055),transparent 58%)}
.forum-category{background:linear-gradient(150deg,rgba(216,167,59,.025),rgba(255,255,255,.008)),#0b0b0d;border-color:rgba(216,167,59,.2)}
.forum-category-head{min-height:82px;background:linear-gradient(100deg,rgba(216,167,59,.085),rgba(216,167,59,.018) 38%,transparent 76%)}
.forum-category-head strong{font-family:var(--font-serif);font-size:22px;font-weight:700;letter-spacing:-.015em;color:#eee3d2}
.forum-category-head span{font-family:var(--font-serif);color:#e2b24b;background:rgba(216,167,59,.025)}
.forum-row{min-height:84px;background:rgba(0,0,0,.08)}
.forum-row>div strong{font-family:var(--font-serif);font-size:17px;font-weight:700;color:#e9e0d3}
.forum-row>div span{font-size:12px;line-height:1.45;color:#898178}
.forum-row>b{background:rgba(216,167,59,.025);border-color:rgba(216,167,59,.2)}
.forum-toolbar{background:linear-gradient(90deg,rgba(216,167,59,.035),rgba(255,255,255,.008));border-color:rgba(216,167,59,.18)}
.forum-view{background:linear-gradient(155deg,rgba(216,167,59,.018),transparent 45%),#09090b;border-color:rgba(216,167,59,.23)}
.topic-title-line strong{font-family:var(--font-serif);font-size:17px;font-weight:700;color:#e9e0d2}
.topic-card-main>span{font-size:11px}
.forum-post aside strong{font-family:var(--font-serif);font-size:14px;color:#e6d7bd}
.post-body p{font-size:15px;color:#d7cec1}
.forum-composer input,.forum-composer textarea{background:#070708;color:#eee4d6}

/* Compact instruction page */
.quick-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:20px}
.quick-strip a,.quick-strip span{min-height:70px;padding:12px;border:1px solid var(--line2);border-radius:14px;text-decoration:none;background:rgba(255,255,255,.012);display:flex;flex-direction:column;justify-content:center;gap:4px}
.quick-strip b{font-family:var(--font-serif);color:#ce9b35;font-size:17px}
.quick-strip small{color:#847d74;font-size:10px;line-height:1.3}
.short-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.short-guide-card{border:1px solid var(--line);border-radius:22px;padding:20px;background:#0c0c0e;box-shadow:var(--shadow)}
.short-guide-card h3{font-family:var(--font-serif);font-size:24px;margin:0 0 4px}
.short-guide-card>p{margin:0 0 13px;color:#817a71;font-size:11px}
.short-guide-card ol{margin:0 0 16px;padding-left:20px}
.short-guide-card li{font-size:12px;color:#cfc6ba;padding:5px 0;line-height:1.48}
.short-guide-card .btn{width:100%;min-height:42px;font-size:11px}
.split-note{padding:22px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 90% 0,rgba(216,167,59,.07),transparent 20rem),#0b0b0d}
.split-note h3{font-family:var(--font-serif);font-size:27px;margin:4px 0 8px}
.split-note p{color:#a1988d;margin:0;font-size:13px;max-width:850px}
.split-note ul{margin:14px 0 0;padding-left:19px;color:#bbb1a5;font-size:12px}
.split-note li{padding:4px 0}

@media(max-width:1050px){
  .navlinks{gap:12px}.navlinks a{font-size:11px}
  .checkout-grid{grid-template-columns:1fr 1fr}.checkout-grid .btn{width:100%}
  .club-benefits-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .navlinks{display:none}
  .nav{height:auto;min-height:64px;padding:8px 0}
  .short-guide{grid-template-columns:repeat(2,1fr)}
  .quick-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
  .nav{gap:8px}.brand strong{display:none}.brand img{width:34px;height:34px}
  .nav-actions{margin-left:auto;gap:6px}
  .nav-club-cta{min-height:42px;padding:0 12px 1px;font-size:15px;border-radius:12px}
  .nav-account-btn{min-height:38px;padding:0 9px;font-size:10px}
  .club-benefits-list,.checkout-grid,.short-guide{grid-template-columns:1fr}
  .club-benefits-list>div{min-height:0}
  .club-cta-row{display:grid}.club-cta-row .btn{width:100%}
  .checkout-shell{padding:16px;border-radius:19px}
  .checkout-shell-head{display:block}.checkout-shell-head>small{display:block;text-align:left;margin-top:6px}
  .telegram-primary-row{display:grid}.telegram-primary-row .btn{width:100%}
  .telegram-ecosystem:before{font-size:42px;right:8px}
  .avatar-label-row{display:block}.avatar-label-row>span{display:block;margin-top:3px}
  .forum-category-head strong{font-size:19px}.forum-row>div strong{font-size:16px}
  .topic-title-line strong{font-size:15px}
  .quick-strip{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:410px){
  .nav-club-cta{font-size:14px;padding:0 10px}.nav-account-btn{font-size:9px;padding:0 7px}
}


/* v13 — approved ЭКИП Victorian background + complete account auth */
body{
  background:#050505;position:relative;isolation:isolate;
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(180deg,rgba(3,3,3,.10),rgba(5,5,5,.72) 62%,#050505 100%),url("assets/backgrounds/club-desktop.webp");
  background-size:cover;background-position:center top;background-repeat:no-repeat;
  filter:saturate(.88) contrast(1.03);
}
body:before{z-index:1;opacity:.075}
body>header,body>main,body>footer{position:relative;z-index:2}
main{position:relative}
.hero{
  min-height:720px;padding:84px 0 110px;display:flex;align-items:center;position:relative;isolation:isolate;
  background:linear-gradient(90deg,rgba(4,4,4,.42),rgba(4,4,4,.14) 42%,rgba(4,4,4,.26)),linear-gradient(180deg,transparent 62%,#050505 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 50% 42%,rgba(0,0,0,.04),rgba(0,0,0,.36) 66%,rgba(0,0,0,.68) 100%);
}
.hero-grid{display:block}
.hero-copy{
  width:min(690px,66vw);margin:0 auto;text-align:center;padding:34px 28px 30px;border-radius:32px;
  background:linear-gradient(180deg,rgba(5,5,5,.50),rgba(5,5,5,.30));
  border:1px solid rgba(216,167,59,.13);backdrop-filter:blur(7px);box-shadow:0 28px 80px rgba(0,0,0,.34)
}
.hero-copy h1{margin-left:auto;margin-right:auto;text-shadow:0 3px 22px #000}
.hero-copy p{margin-left:auto;margin-right:auto;color:#d2cabd;text-shadow:0 2px 12px #000}
.hero-copy .actions,.hero-copy .platforms{justify-content:center}
.hero-art{display:none}
.section{position:relative}
.section:not(.hero){background:linear-gradient(180deg,rgba(5,5,5,.94),rgba(5,5,5,.975));}
.devices-section{border-top:1px solid rgba(216,167,59,.09)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0 4px;padding:5px;border:1px solid var(--line2);border-radius:15px;background:#080809}
.auth-tab{min-height:42px;border:0;border-radius:11px;background:transparent;color:#8d867b;font-weight:900;cursor:pointer}
.auth-tab.active{color:#171005;background:linear-gradient(180deg,#f4d982,#c98d27);box-shadow:inset 0 1px rgba(255,255,255,.45)}
.auth-back-register{display:block;margin:14px auto 0}
.account-choice-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.account-choice-actions .btn{margin-top:0}
.password-setup-card{margin:16px 0;padding:18px;border:1px solid rgba(216,167,59,.32);border-radius:20px;background:linear-gradient(145deg,rgba(216,167,59,.06),rgba(255,255,255,.01));display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:end}
.password-setup-card strong,.password-setup-card small{display:block}.password-setup-card strong{font-family:var(--font-serif);font-size:22px;margin:3px 0 5px}.password-setup-card small{color:#8f877c;font-size:11px}.password-setup-card .field-input{margin:0}.password-setup-card .form-error{grid-column:2/4}
@media(max-width:900px){
  .hero{min-height:690px;padding:68px 0 92px}.hero-copy{width:min(720px,84vw)}
  .password-setup-card{grid-template-columns:1fr}.password-setup-card .form-error{grid-column:auto}
}
@media(max-width:680px){
  body::after{
    background-image:linear-gradient(180deg,rgba(2,2,2,.10),rgba(5,5,5,.52) 52%,#050505 100%),url("assets/backgrounds/club-mobile.webp");
    background-size:cover;background-position:center top;
  }
  .hero{min-height:760px;padding:54px 0 170px;align-items:flex-start;background:linear-gradient(180deg,rgba(3,3,3,.12),rgba(3,3,3,.20) 52%,#050505 100%)}
  .hero-grid{padding-top:16px}
  .hero-copy{width:100%;margin:0;text-align:left;padding:22px 18px 20px;border-radius:22px;background:linear-gradient(180deg,rgba(4,4,4,.58),rgba(4,4,4,.29));backdrop-filter:blur(5px)}
  .hero-copy h1{margin-left:0;font-size:clamp(46px,14vw,66px);max-width:95%}
  .hero-copy p{margin-left:0;font-size:15px;max-width:95%}
  .hero-copy .actions,.hero-copy .platforms{justify-content:flex-start}
  .hero-copy .actions .btn{min-height:48px;padding:0 16px;font-size:12.5px}
  .account-choice-actions{display:grid;width:100%}.account-choice-actions .btn{width:100%}
  .auth-tabs{margin-top:16px}
}


/* v15 — final typography + approved desktop/mobile background treatment */
.btn:not(.nav-club-cta){min-height:48px;padding-left:18px;padding-right:18px;font-family:var(--font-ui);font-size:12.5px;font-weight:850;letter-spacing:.012em}
.club-crown{display:inline-block;margin-left:7px;font-size:.86em;transform:translateY(-1px)}
body::after{
  background-image:
    radial-gradient(ellipse at 50% 24%,rgba(186,126,34,.10),transparent 38%),
    linear-gradient(90deg,rgba(0,0,0,.48) 0%,rgba(22,15,5,.25) 36%,rgba(22,15,5,.20) 64%,rgba(0,0,0,.50) 100%),
    linear-gradient(180deg,rgba(3,3,3,.22) 0%,rgba(5,5,5,.45) 54%,#050505 100%),
    url("assets/backgrounds/club-desktop.webp");
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  background-blend-mode:soft-light,multiply,normal,normal;
  filter:saturate(.78) contrast(.98) brightness(.86);
}
.hero{
  background:
    radial-gradient(ellipse at 50% 42%,rgba(184,123,30,.035),transparent 34%),
    linear-gradient(90deg,rgba(4,4,4,.36),rgba(4,4,4,.10) 42%,rgba(4,4,4,.30)),
    linear-gradient(180deg,transparent 60%,#050505 100%);
}
.hero-copy{background:linear-gradient(180deg,rgba(5,5,5,.54),rgba(5,5,5,.34));border-color:rgba(216,167,59,.16);backdrop-filter:blur(8px)}
@media(max-width:680px){
  body::after{
    background-image:
      radial-gradient(ellipse at 76% 42%,rgba(181,119,28,.09),transparent 34%),
      linear-gradient(90deg,rgba(2,2,2,.58) 0%,rgba(4,4,4,.36) 46%,rgba(5,5,5,.16) 78%,rgba(4,4,4,.28) 100%),
      linear-gradient(180deg,rgba(3,3,3,.20) 0%,rgba(5,5,5,.38) 55%,#050505 100%),
      url("assets/backgrounds/club-mobile.webp");
    background-size:cover;
    background-position:center top;
    background-blend-mode:soft-light,multiply,normal,normal;
    filter:saturate(.76) contrast(.98) brightness(.84);
  }
  .hero{background:linear-gradient(180deg,rgba(3,3,3,.12),rgba(3,3,3,.18) 52%,#050505 100%)}
  .hero-copy{background:linear-gradient(180deg,rgba(4,4,4,.64),rgba(4,4,4,.34));backdrop-filter:blur(7px)}
}

/* ROADMAP 2.0 — Checkpoint A (1–5) */
.launch-status{position:relative;border-top:1px solid rgba(216,167,59,.13);border-bottom:1px solid rgba(216,167,59,.16);background:linear-gradient(90deg,rgba(216,167,59,.035),rgba(255,255,255,.012),rgba(216,167,59,.035))}
.launch-status-inner{min-height:104px;padding:20px 0;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}
.launch-status-inner strong{display:block;margin-top:5px;font-family:var(--font-display);font-size:25px;line-height:1.05;color:#ead7a4}
.launch-status-inner p{margin:0;color:#aaa298;font-size:13.5px;max-width:650px}
.hero-actions{max-width:430px;margin-left:auto;margin-right:auto}
.hero-actions .btn{min-width:190px}

.trust-section{padding-top:62px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.trust-card{min-height:245px;padding:21px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,rgba(216,167,59,.04),rgba(255,255,255,.012)),#0c0c0d}
.trust-card>b{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(216,167,59,.31);border-radius:50%;font-family:var(--font-serif);font-size:11px;color:#d3a03c}
.trust-card h3{margin:24px 0 8px;font-family:var(--font-serif);font-size:20px;line-height:1.08;color:#eee3d2}
.trust-card p{margin:0;color:#999188;font-size:13px;line-height:1.55}
.trust-disclosure{margin-top:12px;padding:18px 20px;border:1px solid rgba(216,167,59,.15);border-radius:18px;background:rgba(216,167,59,.022);display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center}
.trust-disclosure strong{font-family:var(--font-serif);font-size:17px;color:#dbc38c}
.trust-disclosure p{margin:0;color:#8f887f;font-size:12.5px;line-height:1.5}
.trust-disclosure a{color:#d3a03c;text-decoration:none;font-size:12px;font-weight:850;white-space:nowrap}

.founder-price-note{margin:-2px 0 18px;padding:19px 21px;border:1px solid rgba(216,167,59,.28);border-radius:20px;background:radial-gradient(circle at 8% 0,rgba(216,167,59,.10),transparent 17rem),#0c0c0d;display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:center}
.founder-price-note strong{display:block;margin-top:4px;font-family:var(--font-serif);font-size:22px;color:#e7d3a0}
.founder-price-note p{margin:0;color:#958e85;font-size:13px}
.pill-dark{background:rgba(216,167,59,.08);border:1px solid rgba(216,167,59,.23);color:#d8b45d}
.plan-rate{margin-top:auto;padding-top:15px;border-top:1px solid var(--line2);font-size:12px;color:#817a70;font-weight:850}
.plan-rate-gold{color:#d7aa4a}
.plan.featured{transform:translateY(-5px);box-shadow:0 26px 80px rgba(0,0,0,.56),0 0 0 1px rgba(216,167,59,.07)}
.launch-action{margin-top:16px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(255,255,255,.012)}
.launch-action strong,.launch-action span{display:block}.launch-action strong{font-family:var(--font-serif);font-size:18px;color:#e4d8c5}.launch-action span{margin-top:3px;color:#817a70;font-size:12px}.launch-action .btn{flex:0 0 auto}

.legal-status{margin:8px 0 30px}.legal a{color:#d5a746}.legal h2{font-family:var(--font-serif);font-size:28px;letter-spacing:-.015em}.legal p{font-size:15px;line-height:1.72}

@media(max-width:900px){
  .launch-status-inner,.founder-price-note{grid-template-columns:1fr;gap:10px}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-disclosure{grid-template-columns:1fr;gap:8px}
  .plan.featured{transform:none}
}
@media(max-width:680px){
  .launch-status-inner{padding:17px 0;min-height:0}.launch-status-inner strong{font-size:21px}.launch-status-inner p{font-size:12.5px}
  .hero-actions{max-width:none;margin-left:0;margin-right:0}
  .trust-grid{grid-template-columns:1fr}.trust-card{min-height:0;padding:19px}.trust-card h3{margin-top:18px;font-size:19px}
  .founder-price-note{padding:17px}.founder-price-note strong{font-size:20px}
  .launch-action{display:grid}.launch-action .btn{width:100%}
}


/* ROADMAP 2.0 — checkpoint B (6–10) */
.club-pulse{margin-top:18px;padding:22px;border:1px solid rgba(216,167,59,.2);border-radius:22px;background:radial-gradient(circle at 85% 15%,rgba(216,167,59,.08),transparent 24rem),rgba(255,255,255,.012);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px;align-items:center}
.club-pulse-copy h3{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.08;margin:7px 0 9px;letter-spacing:-.025em;color:#eee1c9}.club-pulse-copy p{max-width:620px;margin:0;color:#938c82;font-size:13px}.text-link{display:inline-block;margin-top:13px;color:#d8a73b;text-decoration:none;font-size:12px;font-weight:800}.text-link:hover{color:#ffe79a}
.club-avatar-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:0;justify-content:end;align-items:center}.club-avatar-rail img{width:74px;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1px solid rgba(216,167,59,.36);box-shadow:0 12px 30px rgba(0,0,0,.4);margin-left:-13px}.club-avatar-rail img:first-child{margin-left:0}.club-avatar-rail img:nth-child(2n){transform:translateY(7px)}
.forum-preview-section{position:relative}.forum-preview-section:before{content:"";position:absolute;inset:5% 0 auto;height:320px;pointer-events:none;background:radial-gradient(circle at 50% 20%,rgba(216,167,59,.05),transparent 58%)}
.forum-preview-shell{position:relative;border:1px solid rgba(216,167,59,.22);border-radius:24px;overflow:hidden;background:linear-gradient(150deg,rgba(216,167,59,.025),rgba(255,255,255,.008)),#0a0a0c;box-shadow:var(--shadow)}
.forum-preview-status{min-height:64px;padding:14px 18px;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:11px;background:linear-gradient(90deg,rgba(216,167,59,.055),transparent 58%)}.forum-preview-status>div strong,.forum-preview-status>div small{display:block}.forum-preview-status strong{font-family:var(--font-serif);font-weight:400;font-size:16px;color:#e8dcc6}.forum-preview-status small{margin-top:2px;color:#817a70;font-size:11px}
.recent-topic-list{display:grid}.recent-topic{min-height:82px;padding:14px 18px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:13px;align-items:center;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.055);transition:.16s;background:rgba(0,0,0,.04)}.recent-topic:hover{background:rgba(216,167,59,.045)}.recent-topic img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid rgba(216,167,59,.32)}.recent-topic-copy strong,.recent-topic-copy span{display:block}.recent-topic-copy strong{font-family:var(--font-serif);font-weight:400;font-size:16px;color:#eee2cf}.recent-topic-copy span{margin-top:3px;color:#777168;font-size:11px}.recent-topic-meta{text-align:center;min-width:60px}.recent-topic-meta b,.recent-topic-meta small{display:block}.recent-topic-meta b{font-family:var(--font-serif);font-weight:400;font-size:18px;color:#d2a13c}.recent-topic-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#6f6961}.recent-topic-skeleton,.recent-topic-empty{padding:30px 20px;text-align:center;color:#8a837a;font-size:12px}.recent-topic-empty strong,.recent-topic-empty span{display:block}.recent-topic-empty strong{font-family:var(--font-serif);font-size:17px;color:#d9cdb9}.recent-topic-empty span{margin-top:4px}
.forum-preview-actions{padding:15px 18px;display:flex;gap:10px;justify-content:flex-end;background:rgba(255,255,255,.008)}
.forum-page .hero,.forum-page .launch-status{display:none}.forum-page-hero{padding:74px 0 34px;border-bottom:1px solid rgba(216,167,59,.1);background:radial-gradient(circle at 50% 0,rgba(216,167,59,.08),transparent 34rem)}.forum-page-hero h1{font-size:clamp(52px,7vw,88px);margin:12px 0 14px}.forum-page-hero p{max-width:680px;margin:0;color:#9d968c;font-size:16px}.forum-page .forum-section{padding-top:42px}
/* Prata has one deliberate display weight; do not fake heavy weights. */
h1,h2,.nav-club-cta{font-weight:400}.brand strong{font-family:var(--font-ui)}
@media(max-width:820px){.club-pulse{grid-template-columns:1fr}.club-avatar-rail{justify-content:start;grid-template-columns:repeat(6,56px)}.club-avatar-rail img{width:62px}.forum-preview-actions{display:grid;grid-template-columns:1fr 1fr}.forum-preview-actions .btn{width:100%}}
@media(max-width:560px){.club-pulse{padding:17px}.club-pulse-copy h3{font-size:25px}.club-avatar-rail{grid-template-columns:repeat(6,47px);overflow:visible}.club-avatar-rail img{width:54px;margin-left:-8px}.recent-topic{grid-template-columns:42px minmax(0,1fr);padding:13px}.recent-topic img{width:40px;height:40px}.recent-topic-meta{display:none}.forum-preview-actions{grid-template-columns:1fr}.forum-page-hero{padding:54px 0 18px}.forum-page-hero p{font-size:14px}}

/* ROADMAP 11–15 — Checkpoint C */
:root{
  --surface:rgba(8,8,9,.58);
  --surface-soft:rgba(8,8,9,.42);
  --surface-deep:rgba(7,7,8,.68);
}

/* 11. Approved background remains visible through the full scroll. */
body::after{
  background-image:
    radial-gradient(ellipse at 50% 24%,rgba(186,126,34,.09),transparent 40%),
    linear-gradient(90deg,rgba(0,0,0,.46) 0%,rgba(22,15,5,.22) 36%,rgba(22,15,5,.18) 64%,rgba(0,0,0,.48) 100%),
    linear-gradient(180deg,rgba(3,3,3,.18) 0%,rgba(5,5,5,.34) 54%,rgba(5,5,5,.48) 100%),
    url("assets/backgrounds/club-desktop.webp");
  background-attachment:fixed;
  background-size:cover;
  background-position:center center;
  filter:saturate(.78) contrast(.98) brightness(.82);
}
.section:not(.hero){background:linear-gradient(180deg,rgba(5,5,5,.58),rgba(5,5,5,.68));}
.launch-status{background:linear-gradient(90deg,rgba(8,7,5,.62),rgba(10,9,7,.46),rgba(8,7,5,.62));backdrop-filter:blur(4px)}
.benefit,.plan,.trust-card,.account-choice-card,.forum-preview-shell,.short-guide-card,.split-note,.support,.founder-price-note,.club-pulse,.checkout-shell,.forum-category,.forum-view,.guide-hero-card,.guide-flow-card,.delivery-card,.platform-guide,.compat-card{background-color:var(--surface)!important;backdrop-filter:blur(5px)}
.plan.featured{background:radial-gradient(circle at 80% 0,rgba(216,167,59,.11),transparent 17rem),rgba(10,9,8,.67)!important}
footer{background:rgba(5,5,5,.62);backdrop-filter:blur(5px)}

/* 12. No browser-blue interaction states. */
a,a:visited,.text-link,.guide-flow-card a,.trust-disclosure a{color:inherit}
a:hover,.text-link:hover,.guide-flow-card a:hover,.trust-disclosure a:hover{color:var(--gold-hi)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(216,167,59,.72);outline-offset:2px}
.text-link,.guide-flow-card a,.trust-disclosure a,.post-reply{color:#c99a3a}

/* 14. Larger top ЭКИП mark. */
.nav{height:76px}
.brand{gap:12px}
.brand img{width:48px;height:48px;border-color:rgba(216,167,59,.5);box-shadow:0 7px 24px rgba(0,0,0,.34)}
.brand strong{font-family:var(--font-display);font-size:22px;letter-spacing:.13em;font-weight:700}

/* 15. Only four clean navigation tiles remain. */
.club-nav-tiles{margin-bottom:18px}
.club-nav-tiles .eco{background:rgba(8,8,9,.54)}

@media(max-width:680px){
  body::after{
    background-image:
      radial-gradient(ellipse at 76% 42%,rgba(181,119,28,.08),transparent 35%),
      linear-gradient(90deg,rgba(2,2,2,.54) 0%,rgba(4,4,4,.32) 46%,rgba(5,5,5,.15) 78%,rgba(4,4,4,.26) 100%),
      linear-gradient(180deg,rgba(3,3,3,.17) 0%,rgba(5,5,5,.30) 55%,rgba(5,5,5,.44) 100%),
      url("assets/backgrounds/club-mobile.webp");
    background-attachment:fixed;
    background-position:center center;
  }
  .nav{height:68px;gap:7px}
  .brand{gap:7px;flex:0 0 auto}
  .brand img{width:42px;height:42px}
  .brand strong{display:block;font-size:17px;letter-spacing:.10em}
  .nav-club-cta{min-height:40px;padding:0 9px 1px;font-size:13px}
  .nav-account-btn{min-height:36px;padding:0 7px;font-size:9px}
  .section:not(.hero){background:linear-gradient(180deg,rgba(5,5,5,.54),rgba(5,5,5,.64));}
}
@media(max-width:390px){
  .brand strong{font-size:15px}.brand img{width:38px;height:38px}.nav-club-cta{font-size:12px;padding:0 8px}.nav-account-btn{font-size:8.5px;padding:0 6px}
}

/* ROADMAP 16–20 — Checkpoint D */
.nav-actions{display:flex;align-items:center;gap:9px}
.nav-buy-access{min-height:42px;padding:0 14px;border:1px solid rgba(216,167,59,.28);border-radius:12px;display:inline-flex;align-items:center;text-decoration:none;color:#dbc488!important;font-size:11px;font-weight:900;white-space:nowrap;background:rgba(216,167,59,.025)}
.nav-buy-access:hover{border-color:rgba(216,167,59,.55);background:rgba(216,167,59,.055);color:#ffe59a!important}
.hero-actions{max-width:none}
.hero-actions .btn-club{font-family:var(--font-display);font-size:17px;letter-spacing:.012em}

.btn-plan{color:#e3d4b0;border-color:rgba(216,167,59,.34);background:linear-gradient(180deg,rgba(216,167,59,.075),rgba(216,167,59,.025));cursor:pointer}
.btn-plan:hover{border-color:rgba(216,167,59,.58);color:#ffe39a;background:rgba(216,167,59,.07)}
.plan .js-open-checkout{margin-top:auto;width:100%;font-size:15px;font-weight:950}
.plan.featured .js-open-checkout{box-shadow:0 14px 34px rgba(199,139,28,.20),inset 0 1px rgba(255,255,255,.48)}

.club-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}
.club-value-grid article{min-height:190px;padding:19px;border:1px solid rgba(216,167,59,.18);border-radius:20px;background:linear-gradient(145deg,rgba(216,167,59,.045),rgba(5,5,5,.34));backdrop-filter:blur(5px)}
.club-value-grid article>span{display:inline-block;color:#a98035;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:950}
.club-value-grid strong{display:block;margin:16px 0 8px;font-family:var(--font-serif);font-size:19px;line-height:1.15;color:#eee1c9}
.club-value-grid p{margin:0;color:#948c82;font-size:12px;line-height:1.55}
.club-cta-row{flex-wrap:wrap}
.club-cta-row .btn-club{font-family:var(--font-display);font-size:17px}
.club-info-link{border:0;background:transparent;color:#c99a3a;padding:8px 4px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.club-info-link:hover{color:#ffe39a}

.guest-checkout-card{width:min(720px,100%)}
.guest-checkout-form{margin-top:22px}
.checkout-plan-summary{min-height:82px;padding:15px 16px;border:1px solid rgba(216,167,59,.28);border-radius:17px;background:linear-gradient(145deg,rgba(216,167,59,.07),rgba(255,255,255,.012));display:grid;grid-template-columns:1fr auto;gap:3px 14px;align-items:end}
.checkout-plan-summary span{grid-column:1/-1;color:#81786c;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
.checkout-plan-summary strong{font-family:var(--font-serif);font-size:22px;color:#e9dec8}
.checkout-plan-summary b{font-family:var(--font-serif);font-size:26px;color:#d9aa49}
.auto-renew-row{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;margin:18px 0;padding:15px;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.012)}
.auto-renew-row input{width:18px;height:18px;margin:2px 0 0;accent-color:#d5a23a}
.auto-renew-row strong,.auto-renew-row small{display:block}
.auto-renew-row strong{font-size:12px;color:#d8d0c3}.auto-renew-row small{margin-top:4px;color:#7f786f;font-size:10px;line-height:1.5}
.checkout-compatibility-note{margin:15px 0 12px;padding:13px 14px;border:1px solid rgba(216,167,59,.2);border-radius:14px;background:rgba(216,167,59,.035)}
.checkout-compatibility-note strong,.checkout-compatibility-note span{display:block}.checkout-compatibility-note strong{color:#dfc784;font-size:12px}.checkout-compatibility-note span{margin-top:4px;color:#9d9488;font-size:11px;line-height:1.55}
.checkout-not-live{margin:15px 0;padding:13px 14px;border:1px solid rgba(216,167,59,.22);border-radius:14px;background:rgba(216,167,59,.035)}
.checkout-not-live strong,.checkout-not-live span{display:block}.checkout-not-live strong{font-size:12px;color:#dfc784}.checkout-not-live span{margin-top:4px;color:#8c847a;font-size:10px;line-height:1.5}
.checkout-pay{width:100%;margin-top:4px}
.delivery-contract{margin-top:24px;padding-top:21px;border-top:1px solid var(--line2);display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.delivery-contract>.eyebrow{grid-column:1/-1;margin-bottom:3px}
.delivery-contract>div{padding:13px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.012);display:grid;grid-template-columns:28px 1fr;gap:8px}
.delivery-contract b{grid-row:1/3;width:28px;height:28px;border-radius:50%;border:1px solid rgba(216,167,59,.27);display:grid;place-items:center;color:#c99b3c;font-size:9px}
.delivery-contract strong{font-size:12px}.delivery-contract small{color:#777168;font-size:9.5px;line-height:1.4}
.club-info-card{width:min(680px,100%)}
.club-info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}
.club-info-list>div{padding:15px;border:1px solid rgba(216,167,59,.16);border-radius:16px;background:rgba(255,255,255,.012)}
.club-info-list strong,.club-info-list span{display:block}.club-info-list strong{font-family:var(--font-serif);font-size:17px;color:#e6d7b8}.club-info-list span{margin-top:5px;color:#857d73;font-size:10.5px;line-height:1.45}
.club-info-card>.btn-club{width:100%;font-family:var(--font-display);font-size:18px}
.guest-success-template{display:none}

@media(max-width:900px){.club-value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
  .nav-buy-access{min-height:36px;padding:0 7px;font-size:9px}.nav-actions{gap:5px}.nav-club-cta{font-size:12px;padding:0 7px}
  .hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-actions .btn-club{font-size:16px}
  .club-value-grid,.club-info-list,.delivery-contract{grid-template-columns:1fr}
  .club-value-grid article{min-height:0}
  .delivery-contract>.eyebrow{grid-column:auto}
  .checkout-plan-summary{grid-template-columns:1fr auto}
}
@media(max-width:410px){.nav-buy-access{display:inline-flex;min-height:36px;padding:0 10px;font-size:9px}}


/* ROADMAP 21–25 — earned rank overlay, referral and immutable wallet UI */
.rank-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;flex:0 0 auto}
.rank-avatar>img{display:block}
.rank-avatar[data-rank]::before{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(225,178,75,.7);box-shadow:0 0 0 2px rgba(8,8,9,.9),0 0 18px rgba(216,167,59,.22);pointer-events:none;z-index:2}
.rank-avatar[data-rank]::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(255,236,173,.12);pointer-events:none;z-index:1}
.rank-overlay{position:absolute;right:-7px;bottom:-6px;z-index:4;min-width:23px;height:23px;padding:0 5px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,222,126,.72);background:linear-gradient(145deg,#251b0d,#0b0a08);box-shadow:0 5px 16px rgba(0,0,0,.55);color:#f4d77e;font-family:var(--font-serif);font-size:10px;line-height:1}
.rank-duke[data-rank]::before{border-width:2px;box-shadow:0 0 0 2px rgba(8,8,9,.92),0 0 25px rgba(216,167,59,.32)}
.rank-marquess .rank-overlay,.rank-duke .rank-overlay{min-width:25px;height:25px;font-size:11px}
.rank-avatar-inline{width:64px;height:64px}.rank-avatar-account{width:88px;height:88px}
.topic-avatar{width:52px;height:52px}.forum-author-avatar{width:72px;height:72px;margin:0 auto 9px}.recent-topic-avatar{width:48px;height:48px}
.wallet-panel{margin:14px 0;padding:18px;border:1px solid rgba(216,167,59,.22);border-radius:19px;background:radial-gradient(circle at 85% 0,rgba(216,167,59,.08),transparent 16rem),rgba(255,255,255,.012)}
.wallet-loading,.wallet-note,.wallet-empty{color:#817a70;font-size:11px;line-height:1.55}
.wallet-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.wallet-head h3{margin:3px 0 0;font-family:var(--font-serif);font-size:21px;font-weight:400}.wallet-no-cashout{padding:6px 9px;border:1px solid rgba(216,167,59,.2);border-radius:999px;color:#957536;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.wallet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallet-stats>div{padding:13px;border:1px solid var(--line2);border-radius:14px;background:rgba(0,0,0,.14)}.wallet-stats span{display:block;color:#746e66;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.wallet-stats strong{display:block;margin-top:6px;font-family:var(--font-serif);font-weight:400;font-size:18px;color:#e7d6ad}
.referral-link-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px;padding:12px;border:1px solid rgba(216,167,59,.17);border-radius:14px}.referral-link-card span,.referral-link-card code{display:block}.referral-link-card span{color:#746e66;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900}.referral-link-card code{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cdb77e;font-family:var(--font-ui);font-size:10px}.referral-link-card .btn{min-height:36px;padding:0 11px;font-size:10px}
.wallet-history{margin-top:13px;border-top:1px solid var(--line2)}.wallet-history-title{padding:12px 0 7px;color:#8b8174;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.wallet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(255,255,255,.04)}.wallet-row>div strong,.wallet-row>div span{display:block}.wallet-row>div strong{font-size:10px;color:#d3c6af}.wallet-row>div span{margin-top:2px;color:#686159;font-size:8px}.wallet-row>b{font-size:11px;white-space:nowrap}.wallet-row>b.positive{color:#d8b45d}.wallet-row>b.negative{color:#a9906b}
@media(max-width:680px){.rank-avatar-inline{width:52px;height:52px}.rank-avatar-account{width:72px;height:72px}.topic-avatar{width:44px;height:44px}.forum-author-avatar{width:44px;height:44px;margin:0;grid-row:1/3}.recent-topic-avatar{width:40px;height:40px}.rank-overlay{right:-5px;bottom:-5px;min-width:20px;height:20px;font-size:9px}.wallet-stats{grid-template-columns:1fr 1fr}.wallet-stats>div:last-child{grid-column:1/-1}.referral-link-card{grid-template-columns:1fr}.referral-link-card .btn{width:100%}}


/* FINAL UI PASS — only user-approved corrections */
.price-nowrap{white-space:nowrap}

/* Larger top mark, no duplicate brand word. */
.nav{height:88px}
.brand img{width:64px;height:64px}
.mobile-label{display:none}
.nav-club-benefits{min-height:38px;padding:0 10px;border:0;border-left:1px solid rgba(216,167,59,.22);background:transparent;color:#cda34b;font:inherit;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}
.nav-club-benefits:hover{color:#ffe39a}

/* Hero: buy + Telegram together at the start. */
.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.hero-actions .btn{min-width:190px}
.hero-telegram{border-color:rgba(216,167,59,.32);color:#e5d3a6}

/* Installation footnote under device chooser. */
.device-instruction-link{display:inline-flex;margin-top:14px;color:#d4a443!important;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.01em}
.device-instruction-link:hover{color:#ffe39a!important}

/* All tariff CTAs share the 12-month visual treatment. */
.plan .js-open-checkout{background:linear-gradient(180deg,#ffe996,#e2ae3b 56%,#bd7d17);color:#151005;border:none;box-shadow:0 14px 34px rgba(199,139,28,.16),inset 0 1px rgba(255,255,255,.42)}
.plan .js-open-checkout:hover{color:#151005;filter:brightness(1.04)}

/* Four graphic tiles: artwork only, no duplicate white captions. */
.club-nav-tiles .eco-copy{display:none!important}
.club-nav-tiles .eco{min-height:210px}
.club-nav-tiles .eco img{width:100%;height:100%;object-fit:cover}

/* Fourth tile: useful club benefits entry, without white duplicate captions. */
.club-benefits-tile{padding:0;font:inherit;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}
.club-benefits-tile .benefits-tile-label{position:absolute;z-index:3;left:14px;right:14px;bottom:13px;color:#d7ad58;-webkit-text-fill-color:#d7ad58;font-size:12px;font-weight:900;letter-spacing:.01em;text-align:center;text-shadow:0 2px 12px #000}

/* Club CTA kept clean; details live in the dedicated membership modal. */
.club-cta-row{justify-content:center;margin-top:20px}
.club-cta-row .btn-club{min-width:260px}
.club-info-list{grid-template-columns:repeat(2,1fr)}
.club-info-list>div{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(216,167,59,.055),rgba(5,5,5,.28));border-color:rgba(216,167,59,.24)}
.club-info-list>div:before{content:"♛";position:absolute;right:11px;top:8px;color:rgba(216,167,59,.16);font-family:var(--font-serif);font-size:24px}
.club-info-list strong{padding-right:24px}

/* Same-page installation section. */
.installation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.installation-card{padding:20px;border:1px solid rgba(216,167,59,.20);border-radius:22px;background:rgba(8,8,9,.58);backdrop-filter:blur(5px);box-shadow:var(--shadow)}
.installation-card-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.installation-card-head img{width:42px;height:42px;object-fit:contain;padding:8px;border:1px solid rgba(216,167,59,.25);border-radius:13px;background:rgba(255,255,255,.02)}
.installation-card h3{margin:0;font-family:var(--font-serif);font-size:22px;color:#eee1c9}
.installation-card-head span{display:block;margin-top:2px;color:#887f73;font-size:10px}
.installation-card ol{margin:0;padding-left:20px;color:#cfc6b8;font-size:12.5px;line-height:1.58}
.installation-card li{padding:5px 0}
.installation-card li::marker{color:#c99a3a;font-weight:900}
.installation-foot{margin-top:12px;padding:13px 15px;border:1px solid rgba(216,167,59,.17);border-radius:15px;background:rgba(216,167,59,.025);color:#9e9589;font-size:11.5px}
.installation-foot strong{color:#d9c28a}

/* Production-style payment status appears only on an actual temporary error. */
.checkout-not-live[hidden]{display:none!important}

@media(max-width:900px){
  .nav-club-benefits .desktop-label{display:none}.nav-club-benefits .mobile-label{display:inline}
  .nav-club-benefits{padding:0 8px;font-size:9px}
}
@media(max-width:680px){
  .nav{height:72px}
  .brand img{width:52px;height:52px}
  .hero-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}
  .hero-actions .btn{width:100%;min-width:0}
  .installation-grid{grid-template-columns:1fr}
  .club-info-list{grid-template-columns:1fr}
  .club-nav-tiles .eco{min-height:160px}
  .launch-status-inner strong{line-height:1.25}
}
@media(max-width:390px){
  .brand img{width:48px;height:48px}
  .nav-club-benefits{padding:0 5px;font-size:8px}
}


/* BLOCK 4 — optional detailed platform guides */
.platform-guide-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(216,167,59,.14)}
.platform-guide-actions .btn{min-height:38px;padding:0 14px;font-size:10px}
.platform-guide-download{display:inline-flex;align-items:center;min-height:38px;padding:0 2px;color:#d8b45d;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.02em}
.platform-guide-download:hover{color:#ffe39a}
.detail-guide-page .nav .brand{margin-right:auto}
.detail-guide-hero h1{font-size:clamp(38px,7vw,76px)}
.detail-platform-icon{display:block;width:70px;height:70px;object-fit:contain;margin-bottom:14px;padding:13px;border:1px solid rgba(216,167,59,.28);border-radius:18px;background:rgba(255,255,255,.025)}
.detail-checklist{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.detail-checklist li{position:relative;padding:14px 16px 14px 42px;border:1px solid rgba(216,167,59,.16);border-radius:15px;background:rgba(8,8,9,.58);color:#cfc6b8;font-size:12.5px;line-height:1.55}
.detail-checklist li:before{content:"✓";position:absolute;left:15px;top:13px;color:#d8b45d;font-weight:900}
.detail-steps{display:grid;gap:12px}
.detail-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:18px;border:1px solid rgba(216,167,59,.18);border-radius:18px;background:rgba(8,8,9,.60)}
.detail-step>b{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(216,167,59,.30);border-radius:14px;color:#d8b45d;font-family:var(--font-serif);font-size:18px;background:rgba(216,167,59,.035)}
.detail-step h3{margin:0 0 6px;color:#eee1c9;font-family:var(--font-serif);font-size:19px}
.detail-step p{margin:0;color:#aaa095;font-size:12.5px;line-height:1.62}
@media(max-width:680px){.platform-guide-actions{display:grid;grid-template-columns:1fr}.platform-guide-actions .btn,.platform-guide-download{width:100%;justify-content:center}.detail-step{grid-template-columns:42px minmax(0,1fr);padding:14px}.detail-step>b{width:38px;height:38px;font-size:15px}.detail-step h3{font-size:17px}}


/* Approved EKIP background + agreed top navigation / club tile rules */
html,body{background:#050505}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("assets/backgrounds/club-desktop.webp");
  background-size:contain;background-position:center center;background-repeat:no-repeat;
  background-attachment:fixed;filter:none!important;opacity:1;
}
body:before{display:none!important}
body>header,body>main,body>footer{position:relative;z-index:2}
header{background:rgba(5,5,5,.48);backdrop-filter:none!important}
.hero,.forum-page-hero,.guide-hero{background:transparent!important}
.hero::before,.forum-preview-section:before{background:none!important}
.section:not(.hero){background:rgba(5,5,5,.36)!important}
.launch-status,footer{background:rgba(5,5,5,.42)!important;backdrop-filter:none!important}
.benefit,.plan,.trust-card,.account-choice-card,.forum-preview-shell,.short-guide-card,.split-note,.support,.founder-price-note,.club-pulse,.checkout-shell,.forum-category,.forum-view,.guide-hero-card,.guide-flow-card,.delivery-card,.platform-guide,.compat-card,.device-group,.installation-card{
  background-color:rgba(8,8,9,.58)!important;backdrop-filter:none!important;
}
.hero-copy{background:rgba(5,5,5,.46)!important;backdrop-filter:none!important}
.plan.featured{background:rgba(10,9,8,.62)!important}
.club-nav-tiles .eco{background:rgba(8,8,9,.42)!important}
.club-benefits-tile:after{display:none!important}
.nav-top-links{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-top-links .btn{width:auto;min-height:40px;padding:0 12px;font-size:11px;white-space:nowrap}
.nav-top-links .nav-club-benefits{min-height:40px;padding:0 12px;border:1px solid rgba(216,167,59,.28);border-radius:12px;background:rgba(8,8,9,.28);color:#dbc488;font-size:11px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1.1;flex:0 0 auto}
@media(max-width:680px){
  body::after{background-image:url("assets/backgrounds/club-mobile.webp");background-position:center center;background-attachment:fixed}
  .section:not(.hero){background:rgba(5,5,5,.32)!important}
  .nav-top-links{gap:5px}
  .nav-top-links .btn,.nav-top-links .nav-club-benefits{min-height:36px;padding:0 8px;font-size:9px}
}


/* BACKGROUND VISIBILITY FIX — only transparency of surfaces over approved fixed backgrounds */
header,
.section:not(.hero),
.launch-status,
footer,
.hero-copy,
.benefit,
.plan,
.trust-card,
.account-choice-card,
.forum-preview-shell,
.short-guide-card,
.split-note,
.support,
.founder-price-note,
.club-pulse,
.checkout-shell,
.forum-category,
.forum-view,
.guide-hero-card,
.guide-flow-card,
.delivery-card,
.platform-guide,
.compat-card,
.device-group,
.installation-card,
.club-nav-tiles .eco {
  background-color: rgba(5,5,5,.38) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.hero,
.forum-page-hero,
.guide-hero {
  background: transparent !important;
}
.hero::before,
.forum-preview-section::before {
  background: none !important;
}


/* FINAL MAIN PAGE + HARD-FIXED APPROVED BACKGROUND
   Scope: background stability and main-page transparency only. */
html {
  background: #050505 !important;
}

body {
  background: transparent !important;
}

/* One viewport-fixed layer. Do NOT use background-attachment: fixed:
   mobile Safari can repaint/jitter it while scrolling. */
body::after {
  content: "" !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-width: 100vw !important;
  min-height: 100vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-image: url("assets/backgrounds/club-desktop.webp") !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  filter: none !important;
  opacity: 1 !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  will-change: transform !important;
}

/* Remove any second decorative/background layer that can repaint on scroll. */
body::before {
  display: none !important;
}

/* Keep page content above the fixed image. */
body > header,
body > main,
body > footer {
  position: relative !important;
  z-index: 2 !important;
}

/* MAIN PAGE: same see-through treatment as forum. */
body .hero,
body .section,
body .forum-preview-section {
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body .hero::before,
body .hero::after,
body .forum-preview-section::before,
body .forum-preview-section::after {
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body header,
body footer,
body .hero-copy,
body .benefit,
body .plan,
body .trust-card,
body .account-choice-card,
body .forum-preview-shell,
body .short-guide-card,
body .split-note,
body .support,
body .founder-price-note,
body .club-pulse,
body .checkout-shell,
body .club-nav-tiles .eco {
  background-color: rgba(5,5,5,.38) !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (max-width: 680px) {
  body::after {
    background-image: url("assets/backgrounds/club-mobile.webp") !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
  }
}


/* TWO TILE FIX ONLY: Instructions + EKIP/Benefits */
.club-nav-tiles .eco[href="#instructions"],
.club-nav-tiles .club-benefits-tile {
  background: rgba(5,5,5,.38) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.club-nav-tiles .eco[href="#instructions"]::before,
.club-nav-tiles .eco[href="#instructions"]::after,
.club-nav-tiles .club-benefits-tile::before,
.club-nav-tiles .club-benefits-tile::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

.club-nav-tiles .eco[href="#instructions"] img,
.club-nav-tiles .club-benefits-tile img {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}


/* FINAL SIZE EQUALIZER — ONLY the two right-hand club tile images */
.club-nav-tiles .eco[href="#instructions"] img,
.club-nav-tiles .club-benefits-tile img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: cover !important;
}


/* Forum section tiles: make the existing clickable rows unmistakably active */
.forum-row.forum-row-btn[data-section]{
  cursor:pointer!important;
  border:1px solid rgba(214,170,67,.62)!important;
  box-shadow:inset 0 0 0 1px rgba(214,170,67,.08),0 8px 24px rgba(0,0,0,.18)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.forum-row.forum-row-btn[data-section]:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(232,193,96,.95)!important;
  box-shadow:0 0 0 1px rgba(232,193,96,.18),0 12px 30px rgba(0,0,0,.28)!important;
}
.forum-row.forum-row-btn[data-section] > b{
  color:#e1bb62!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}


/* ANNOUNCEMENTS ONLY — luxury newsroom */
.news-desk-head .news-welcome{
  max-width:860px;
  line-height:1.75;
}
.news-desk-head .news-welcome strong{
  display:inline-block;
  margin-bottom:6px;
  font-family:"Prata",serif;
  font-size:1.18em;
  color:#e1bd68;
  letter-spacing:.02em;
}
.news-feed{
  display:grid;
  gap:14px;
  margin-top:18px;
}
.news-card{
  width:100%;
  text-align:left;
  border:1px solid rgba(214,170,67,.34);
  border-radius:20px;
  padding:22px 22px 18px;
  background:linear-gradient(145deg,rgba(19,18,16,.92),rgba(7,7,7,.96));
  color:inherit;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 30px rgba(0,0,0,.2);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.news-card:hover{
  transform:translateY(-2px);
  border-color:rgba(229,190,94,.72);
  box-shadow:0 14px 34px rgba(0,0,0,.3);
}
.news-card-kicker{
  margin-bottom:8px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  color:#b99852;
}
.news-card>strong{
  display:block;
  font-family:"Prata",serif;
  font-size:clamp(1.05rem,2.5vw,1.34rem);
  line-height:1.35;
}
.news-card-foot{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:15px;
  color:#8f8b82;
  font-size:.88rem;
}
.news-card-foot span{
  color:#d8b35f;
  font-weight:700;
}
.news-article{
  max-width:920px;
  margin:0 auto;
  border:1px solid rgba(214,170,67,.28);
  border-radius:22px;
  background:rgba(8,8,8,.88);
  overflow:hidden;
}
.news-article-block{
  padding:26px clamp(20px,4vw,42px);
}
.news-article-block+.news-article-block{
  border-top:1px solid rgba(214,170,67,.14);
}
.news-article-brand{
  margin-bottom:12px;
  color:#cda85b;
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.15em;
}
.news-article-block p{
  margin:0;
  line-height:1.8;
}
.news-empty{
  margin-top:18px;
}

.nav-profile-btn{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(216,167,59,.28);border-radius:999px;background:rgba(8,8,9,.45);color:#eee3c4;font:inherit;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}.nav-profile-btn:hover{border-color:rgba(216,167,59,.58);color:#ffe39a}.nav-profile-dot{width:22px;height:22px;border-radius:50%;display:inline-block;border:1px solid rgba(216,167,59,.36);background:radial-gradient(circle at 50% 35%,#5f5a50 0 23%,#24221f 24% 100%)}.nav-profile-btn.is-authenticated .nav-profile-dot{box-shadow:0 0 0 2px rgba(216,167,59,.12);border-color:#d8a73b}@media(max-width:720px){.nav-profile-btn{min-height:36px;padding:0 8px;font-size:9px}.nav-profile-dot{width:19px;height:19px}}

/* Account review cleanup: edit nickname/avatar in a dedicated modal. */
.club-editor-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px}.club-editor-backdrop{position:absolute;inset:0;border:0;background:rgba(0,0,0,.78);cursor:pointer}.club-editor-card{position:relative;z-index:1;width:min(720px,100%);max-height:min(88vh,880px);overflow:auto;border:1px solid rgba(207,174,93,.4);border-radius:20px;background:#0b0b0b;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.5)}.club-editor-card h3{margin:12px 0 8px}.club-editor-card .avatar-grid{margin-top:10px}.referral-link-card small{display:block;margin:5px 0 8px;color:var(--muted,#aaa);line-height:1.45}.registration-legal,.checkout-legal{margin-top:12px}.registration-legal a,.checkout-legal a{color:inherit;text-decoration:underline}

/* Wallet top-up and internal purchase controls. */
.wallet-topup,.wallet-buy{margin-top:16px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09)}.wallet-topup-row{display:grid;grid-template-columns:minmax(120px,1fr) auto;gap:9px;align-items:end}.wallet-buy-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wallet-buy-btn{width:100%}@media(max-width:680px){.wallet-topup-row,.wallet-buy-plans{grid-template-columns:1fr}}


/* MOBILE CHECKOUT NATIVE TARGET FALLBACK */
#guestCheckoutModal:target{display:grid}