*{box-sizing:border-box}
html,body{margin:0;background:#02060b;font-family:Inter,Segoe UI,Arial,sans-serif}
.page{width:100%;display:flex;justify-content:center;overflow:auto;background:#02060b}
.stage{
  position:relative;
  width:min(100vw,1536px);
  aspect-ratio:1536/1024;
  min-width:980px;
  overflow:hidden;
}
.base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}

/* Exact user logo: no black panel behind it.
   screen blending removes the black surround naturally. */
.user-logo{
  position:absolute;
  left:1.15%;
  top:.7%;
  width:10.6%;
  height:8.4%;
  object-fit:contain;
  object-position:center;
  z-index:30;
  mix-blend-mode:screen;
  filter:contrast(1.05) saturate(1.04);
  pointer-events:none;
}

/* Live board sits exactly over mockup board */
.live-board{
  position:absolute;
  left:57.15%;
  top:6.9%;
  width:14.9%;
  height:18.3%;
  z-index:20;
  padding:.8% .75%;
  border:1px solid rgba(24,239,208,.35);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(2,11,17,.97),rgba(2,8,14,.96));
  color:#fff;
  box-shadow:0 12px 32px rgba(0,0,0,.34);
}
.live-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:4%;border-bottom:1px solid rgba(255,255,255,.07)}
.live-head span{font-size:clamp(7px,.7vw,11px);font-weight:900;letter-spacing:.08em}
.live-head b{font-size:clamp(6px,.56vw,9px);color:#18efd0}
.row{display:grid;grid-template-columns:31% 43% 26%;align-items:center;padding:6.5% 1%;border-bottom:1px solid rgba(255,255,255,.07)}
.row:last-of-type{border-bottom:0}
.row span{font-size:clamp(8px,.82vw,13px);font-weight:900;color:#ffc23f}
.row strong{font-size:clamp(9px,.94vw,15px);font-variant-numeric:tabular-nums;color:#18efd0;text-align:right}
.row em{font-size:clamp(6px,.58vw,9px);font-style:normal;font-weight:900;color:#18efd0;text-align:right}
.row.down strong,.row.down em{color:#ff6262}
.live-board small{display:block;text-align:right;color:#738f9c;font-size:clamp(5px,.46vw,8px);margin-top:2%}

/* registration fields mapped to visible form */
.field{
  position:absolute;
  z-index:25;
  left:73.65%;
  width:23.9%;
  height:4.0%;
  padding:0 1%;
  border:1px solid rgba(70,200,255,.18);
  border-radius:9px;
  background:rgba(2,10,16,.94);
  color:#eaf8fb;
  outline:none;
  font-size:clamp(8px,.8vw,13px);
}
.field:focus{border-color:#18efd0;box-shadow:0 0 0 1px rgba(24,239,208,.18)}
.field-name{top:77.1%}
.field-tele{top:82.15%}
.submit-hit{
  position:absolute;z-index:26;
  left:73.55%;top:89.1%;width:23.95%;height:5.25%;
  border:0;background:transparent;cursor:pointer;
}
.top-hit{
  position:absolute;z-index:26;
  right:2.65%;top:1.65%;width:12%;height:4.6%;
  border:0;background:transparent;cursor:pointer;
}
.toast{
  position:absolute;right:2.5%;bottom:1.5%;z-index:40;
  max-width:28%;padding:.65% .9%;
  border:1px solid rgba(24,239,208,.34);
  border-radius:9px;background:rgba(2,11,17,.96);color:#18efd0;
  font-size:clamp(7px,.68vw,11px);opacity:0;transform:translateY(8px);transition:.2s;
}
.toast.show{opacity:1;transform:translateY(0)}


/* REAL CLICKABLE MENUS */
.menu-hit{
  position:absolute;z-index:50;border:0;background:transparent;cursor:pointer;
}
.menu-home{left:28.0%;top:2.25%;width:6.2%;height:4.0%}
.menu-system{left:34.7%;top:2.25%;width:6.4%;height:4.0%}
.menu-how{left:41.5%;top:2.25%;width:9.1%;height:4.0%}
.menu-telegram{left:51.1%;top:2.25%;width:8.2%;height:4.0%}
.menu-faq{left:60.0%;top:2.25%;width:4.5%;height:4.0%}

.price-visible-btn{
  position:absolute;z-index:45;
  right:3.0%;bottom:3.6%;
  padding:.58% 1.0%;
  border:1px solid rgba(24,239,208,.35);
  border-radius:9px;
  background:rgba(2,12,18,.92);
  color:#18efd0;font-weight:900;
  font-size:clamp(7px,.68vw,11px);
  cursor:pointer;
}
.price-visible-btn:hover{background:rgba(24,239,208,.12)}

/* CONTENT MODALS */
.info-modal{
  position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;
}
.info-modal.open{display:flex}
.info-backdrop{
  position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(7px)
}
.info-card{
  position:relative;z-index:2;
  width:min(820px,94vw);
  max-height:88vh;overflow:auto;
  padding:30px;
  border-radius:22px;
  border:1px solid rgba(24,239,208,.34);
  background:linear-gradient(180deg,#06131b,#02090e);
  color:#f3fbfd;
  box-shadow:0 34px 100px rgba(0,0,0,.7);
}
.info-close{
  position:absolute;right:18px;top:10px;
  border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer
}
.info-kicker{
  color:#18efd0;font-weight:900;letter-spacing:.13em;font-size:12px;margin-bottom:8px
}
.info-card h2{font-size:32px;margin:0 0 22px}
.info-card h3{font-size:20px;margin:0 0 8px}
.info-card p,.info-copy{color:#adc2c9;line-height:1.55}
.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.modal-grid article{
  padding:20px;border:1px solid rgba(70,200,255,.18);border-radius:16px;background:#07131a
}
.steps-real{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.steps-real>div{
  display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;
  border:1px solid rgba(70,200,255,.18);background:#07131a
}
.steps-real b{
  width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
  background:#18efd0;color:#00130f;flex:none
}
.steps-real span{color:#b7cbd1;line-height:1.45}
.info-card details{
  margin:10px 0;padding:16px;border-radius:13px;border:1px solid rgba(70,200,255,.18);background:#07131a
}
.info-card summary{font-weight:800;cursor:pointer}
.info-primary{
  margin-top:16px;padding:13px 20px;border:0;border-radius:11px;
  background:linear-gradient(90deg,#18efd0,#42e9ad);color:#00130f;font-weight:900;cursor:pointer
}
.price-table-wrap{overflow:auto}
.real-price-table{width:100%;border-collapse:collapse;min-width:650px}
.real-price-table th,.real-price-table td{
  padding:13px;border:1px solid rgba(70,200,255,.18);text-align:center
}
.real-price-table th{color:#9eb7c0;font-size:12px}
.real-price-table td{font-weight:800}
.real-price-table td:last-child{color:#ffd15a}
.founding-box{
  margin-top:16px;padding:16px;border:1px solid rgba(255,85,85,.34);border-radius:14px;
  background:linear-gradient(145deg,rgba(120,0,0,.24),rgba(50,0,0,.12))
}
.founding-box strong,.founding-box span{display:block}
.founding-box strong{color:#ffb34d;margin-bottom:6px}
.founding-box span{color:#e6c5aa}

@media(max-width:700px){
  .modal-grid,.steps-real{grid-template-columns:1fr}
  .info-card{padding:22px}
  .info-card h2{font-size:26px}
}


/* PRICE FIX — visible buttons, not hidden hit areas */
.price-top-menu{
  position:absolute;
  z-index:70;
  left:64.0%;
  top:2.05%;
  height:4.2%;
  padding:0 .95%;
  border:1px solid rgba(24,239,208,.42);
  border-radius:9px;
  background:rgba(3,15,21,.96);
  color:#dffbf5;
  font-weight:900;
  font-size:clamp(7px,.72vw,12px);
  letter-spacing:.02em;
  cursor:pointer;
}
.price-top-menu:hover{
  background:rgba(24,239,208,.14);
  color:#18efd0;
}
.price-register-menu{
  position:absolute;
  z-index:70;
  right:3.2%;
  top:72.5%;
  width:20.5%;
  height:3.8%;
  border:1px solid rgba(24,239,208,.38);
  border-radius:9px;
  background:rgba(3,15,21,.95);
  color:#18efd0;
  font-weight:900;
  font-size:clamp(7px,.68vw,11px);
  cursor:pointer;
}
.price-register-menu:hover{
  background:rgba(24,239,208,.12);
}


/* CLEAN INTERACTION LAYER — aligned to the 1536×1024 artwork */
.price-register-menu,.price-visible-btn{display:none !important}
.price-top-menu{left:64.6% !important;top:2.0% !important;height:4.1% !important}
.select-hit{position:absolute;z-index:58;border:0;background:transparent;cursor:pointer}
.plan-gold{left:73.55%;top:34.15%;width:7.55%;height:12.2%}
.plan-hunter{left:81.75%;top:34.15%;width:7.55%;height:12.2%}
.plan-combo{left:90.0%;top:34.15%;width:7.55%;height:12.2%}
.dur-1{left:73.55%;top:51.9%;width:5.6%;height:4.25%}
.dur-3{left:79.65%;top:51.9%;width:5.6%;height:4.25%}
.dur-6{left:85.75%;top:51.9%;width:5.6%;height:4.25%}
.dur-12{left:91.85%;top:51.9%;width:5.6%;height:4.25%}
.selection-outline{position:absolute;z-index:57;border:2px solid transparent;border-radius:10px;pointer-events:none}
.selection-outline.active{border-color:#21f0d2;box-shadow:0 0 0 1px rgba(24,239,208,.22),0 0 14px rgba(24,239,208,.12)}
.outline-gold{left:73.55%;top:34.15%;width:7.55%;height:12.2%}
.outline-hunter{left:81.75%;top:34.15%;width:7.55%;height:12.2%}
.outline-combo{left:90.0%;top:34.15%;width:7.55%;height:12.2%}
.outline-d1{left:73.55%;top:51.9%;width:5.6%;height:4.25%;border-radius:9px}
.outline-d3{left:79.65%;top:51.9%;width:5.6%;height:4.25%;border-radius:9px}
.outline-d6{left:85.75%;top:51.9%;width:5.6%;height:4.25%;border-radius:9px}
.outline-d12{left:91.85%;top:51.9%;width:5.6%;height:4.25%;border-radius:9px}
/* PRICE CARD ALIGNMENT FIX — match the full printed card height and keep 3-digit prices inside the GOLD card. */
.selected-price{position:absolute;z-index:59;left:73.55%;top:58.0%;width:11.6%;height:12.45%;padding:.72% .9%;box-sizing:border-box;overflow:hidden;border-radius:11px;background:linear-gradient(135deg,rgba(62,42,0,.995),rgba(25,13,0,.995));border:1px solid rgba(255,183,35,.48);color:#fff;pointer-events:none}
.selected-name{font-size:clamp(8px,.82vw,13px);font-weight:900;color:#ffe668;line-height:1.15}
.selected-value{margin-top:11%;white-space:nowrap;display:flex;align-items:baseline;gap:.22em;max-width:100%;min-width:0;font-variant-numeric:tabular-nums}
.selected-value strong{font-size:clamp(20px,2.15vw,35px);line-height:1;flex:0 0 auto}
.selected-value span{font-size:clamp(7px,.72vw,12px);font-weight:900;flex:0 0 auto}
.selected-value small{font-size:clamp(6px,.62vw,10px);color:#e8d9c6;flex:0 0 auto}
.selected-price.compact-price .selected-value{gap:.12em}
.selected-price.compact-price .selected-value strong{font-size:clamp(18px,1.82vw,30px)}
.selected-price.compact-price .selected-value span{font-size:clamp(6px,.64vw,10.5px)}
.selected-price.compact-price .selected-value small{font-size:clamp(5px,.53vw,8.8px)}

/* V3 VISUAL ALIGNMENT — measured against the 1536x1024 master artwork */
.live-board{
  left:57.20% !important;
  top:7.00% !important;
  width:15.05% !important;
  height:20.20% !important;
  padding:.72% .78% .62% !important;
  border-radius:11px !important;
}
.live-head{padding-bottom:3.5% !important}
.row{padding:5.6% 1% !important}
.live-board small{margin-top:1.2% !important}

/* Align functional inputs exactly over the artwork's printed fields,
   so no duplicate placeholder/icon text can show underneath. */
.field{
  left:73.50% !important;
  width:24.05% !important;
  height:4.15% !important;
  padding:0 1.15% !important;
  background:rgba(2,10,16,.995) !important;
}
.field-name{top:75.85% !important}
.field-tele{top:80.75% !important}
.submit-hit{left:73.50% !important;top:88.15% !important;width:24.05% !important;height:5.20% !important}
.toast{right:2.5%;bottom:1.4%;max-width:25%}

/* WBT OFFICIAL IDENTITY / ANTI-IMPERSONATION */
.verify-wbt-btn{
  position:absolute;z-index:72;
  left:87.0%;top:72.25%;width:8.2%;height:2.85%;
  display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(24,239,208,.58);border-radius:9px;
  background:rgba(2,16,22,.96);color:#eafffb;
  padding:0 .55%;font-weight:900;font-size:clamp(7px,.68vw,11px);
  letter-spacing:.025em;cursor:pointer;box-shadow:0 0 18px rgba(24,239,208,.10);
  white-space:nowrap;
}
.verify-wbt-btn span{color:#18efd0;margin-right:.35em}
.verify-wbt-btn:hover{background:rgba(24,239,208,.13);color:#18efd0}
.verify-card{max-width:720px}
.verify-lead{color:#cfe4e2;line-height:1.55;margin:4px 0 18px}
.verify-list{display:grid;gap:10px;margin:12px 0 16px}
.verify-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid rgba(24,239,208,.20);border-radius:11px;background:rgba(3,18,24,.78)}
.verify-row div{min-width:0}
.verify-row small{display:block;color:#7ea9a5;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:4px}
.verify-row strong{display:block;color:#f1fffd;font-size:clamp(15px,1.45vw,21px);overflow-wrap:anywhere}
.copy-verify{flex:0 0 auto;border:1px solid rgba(24,239,208,.45);border-radius:8px;background:rgba(24,239,208,.08);color:#18efd0;padding:9px 11px;font-weight:900;cursor:pointer}
.copy-verify:hover{background:rgba(24,239,208,.16)}
.verify-warning{padding:13px 14px;border-radius:10px;border:1px solid rgba(255,185,64,.34);background:rgba(80,48,0,.22);color:#ffe3a8;line-height:1.5}
.verify-warning b{color:#ffc85b}
.verify-copy-status{min-height:20px;margin-top:10px;color:#18efd0;font-weight:800}
@media(max-width:700px){.verify-row{align-items:flex-start;flex-direction:column}.copy-verify{width:100%}.verify-wbt-btn{left:84.5%;top:72.15%;width:11.0%;height:3.0%;font-size:7px}}


/* WBT KNOWLEDGE HUB — educational content inside existing menus */
.info-card-wide{width:min(980px,95vw)}
.product-grid article{position:relative;overflow:hidden}
.article-icon{font-size:28px;margin-bottom:10px}
.info-list{margin:10px 0 0;padding-left:19px;color:#b7cbd1;line-height:1.58}
.info-list li{margin:6px 0}
.risk-banner{
  margin-top:18px;padding:15px 17px;border:1px solid rgba(255,185,64,.30);border-radius:14px;
  background:linear-gradient(135deg,rgba(89,56,0,.22),rgba(44,22,0,.12));display:flex;gap:10px;align-items:flex-start
}
.risk-banner strong{color:#ffd36a;white-space:nowrap}
.risk-banner span{color:#dbcdb4;line-height:1.5}
.knowledge-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:26px 0 10px;padding-top:22px;border-top:1px solid rgba(70,200,255,.14)}
.knowledge-head h3{font-size:25px;margin:2px 0 0}
.edu-badge{border:1px solid rgba(24,239,208,.35);background:rgba(24,239,208,.08);color:#18efd0;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.knowledge-stack{display:grid;gap:10px}
.info-card details.knowledge-item{margin:0;padding:0;overflow:hidden;background:linear-gradient(180deg,#07151c,#061118)}
.knowledge-item summary{padding:16px 18px;list-style:none;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.knowledge-item summary::-webkit-details-marker{display:none}
.knowledge-item summary:after{content:"+";color:#18efd0;font-size:22px;line-height:1}
.knowledge-item[open] summary:after{content:"−"}
.knowledge-item[open] summary{border-bottom:1px solid rgba(70,200,255,.14);color:#eafffb}
.knowledge-body{padding:16px 18px 18px;color:#adc2c9;line-height:1.58}
.knowledge-body p{margin:0 0 12px}
.knowledge-body strong{color:#e9fbf8}
.formula-box{display:grid;gap:7px;margin:14px 0;padding:14px 15px;border:1px solid rgba(24,239,208,.22);border-radius:12px;background:rgba(1,35,38,.42)}
.formula-box b{color:#18efd0}
.formula-box span{color:#cde7e3}
.rule-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.rule-chips span{border:1px solid rgba(24,239,208,.24);background:rgba(24,239,208,.07);color:#bff8ee;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}
.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.checklist-grid>div{padding:12px;border:1px solid rgba(70,200,255,.16);border-radius:11px;background:#061017}
.checklist-grid b,.checklist-grid span{display:block}
.checklist-grid b{color:#18efd0;margin-bottom:4px}
.checklist-grid span{color:#aec4ca;font-size:13px;line-height:1.45}
.drawdown-wrap{overflow:auto}
.drawdown-table{width:100%;border-collapse:collapse;min-width:420px}
.drawdown-table th,.drawdown-table td{padding:10px 12px;border:1px solid rgba(70,200,255,.16);text-align:left}
.drawdown-table th{color:#89b8b4;font-size:11px;letter-spacing:.03em}
.drawdown-table td:first-child{color:#ffb36b;font-weight:900}
.drawdown-table td:last-child{color:#e9fbf8;font-weight:800}
.source-box{margin-top:16px;padding:14px 16px;border-radius:12px;background:#041017;border:1px solid rgba(70,200,255,.14);display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap}
.source-box b{color:#8eb0b7;font-size:11px;letter-spacing:.04em}
.source-box a{color:#18efd0;text-decoration:none;font-size:11px;font-weight:800}
.source-box a:hover{text-decoration:underline}
.signal-guide{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.signal-guide>div{padding:14px;border:1px solid rgba(70,200,255,.17);border-radius:12px;background:#07131a}
.signal-guide b,.signal-guide span{display:block}
.signal-guide b{color:#18efd0;margin-bottom:5px;font-size:13px}
.signal-guide span{color:#b5cbd1;line-height:1.45;font-size:13px}
.telegram-risk{margin-top:14px}
@media(max-width:700px){
  .knowledge-head{align-items:flex-start;flex-direction:column}
  .checklist-grid,.signal-guide{grid-template-columns:1fr}
  .risk-banner{flex-direction:column}
  .info-card-wide{width:96vw}
}


/* WBT PRO NEWS CENTER */
.news-top-menu{
  position:absolute;z-index:70;
  left:71.3%;top:2.0%;height:4.1%;
  padding:0 .95%;
  border:1px solid rgba(24,239,208,.42);
  border-radius:9px;
  background:rgba(3,15,21,.96);
  color:#dffbf5;
  font-weight:900;
  font-size:clamp(7px,.72vw,12px);
  letter-spacing:.02em;
  cursor:pointer;
}
.news-top-menu:hover{background:rgba(24,239,208,.14);color:#18efd0}
.news-card{width:min(1120px,96vw)}
.news-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.news-title-row h2{margin-bottom:10px}
.news-live-pill{
  flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;
  border:1px solid rgba(24,239,208,.28);background:rgba(24,239,208,.07);
  color:#b9fff4;font-size:11px;font-weight:900
}
.news-live-pill span{width:8px;height:8px;border-radius:50%;background:#18efd0;box-shadow:0 0 12px rgba(24,239,208,.8)}
.news-live-pill.offline span{background:#ffbf5d;box-shadow:0 0 10px rgba(255,191,93,.55)}
.news-alert-strip{
  display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:14px 16px;border-radius:13px;
  border:1px solid rgba(255,171,64,.30);background:linear-gradient(135deg,rgba(92,48,0,.26),rgba(42,22,0,.12));
  color:#d8c9b2;line-height:1.48
}
.news-alert-strip b{color:#ffc968;white-space:nowrap}
.news-section-head,.news-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.news-section-head{margin:20px 0 10px;padding-top:16px;border-top:1px solid rgba(70,200,255,.14)}
.news-section-head h3,.news-panel-head h3{margin:3px 0 0}
.news-section-kicker{color:#18efd0;font-size:10px;font-weight:900;letter-spacing:.10em}
.news-auto-note,.news-source-badge{
  color:#8fb0b7;font-size:10px;font-weight:800;border:1px solid rgba(70,200,255,.18);
  border-radius:999px;padding:6px 9px
}
.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.event-card{
  border:1px solid rgba(70,200,255,.17);border-radius:14px;background:linear-gradient(180deg,#07151c,#061117);
  padding:14px;display:grid;gap:7px
}
.event-card.high{border-color:rgba(255,105,84,.34);box-shadow:inset 3px 0 0 rgba(255,92,70,.75)}
.event-card.medium{border-color:rgba(255,194,79,.28);box-shadow:inset 3px 0 0 rgba(255,194,79,.65)}
.event-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.impact-badge{font-size:9px;font-weight:900;border-radius:999px;padding:5px 7px;letter-spacing:.07em}
.impact-badge.high{background:rgba(255,77,61,.14);color:#ff806f;border:1px solid rgba(255,77,61,.25)}
.impact-badge.medium{background:rgba(255,191,74,.10);color:#ffd078;border:1px solid rgba(255,191,74,.22)}
.event-time{font-size:11px;color:#18efd0;font-weight:900}
.event-card h4{margin:0;font-size:14px}
.event-card p{margin:0;color:#91aeb5;font-size:11px;line-height:1.42}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.news-panel{
  border:1px solid rgba(70,200,255,.17);border-radius:16px;background:#061118;padding:16px;min-height:360px
}
.news-refresh{
  border:1px solid rgba(24,239,208,.32);border-radius:9px;background:rgba(24,239,208,.07);
  color:#18efd0;font-size:10px;font-weight:900;padding:7px 9px;cursor:pointer
}
.news-refresh:hover{background:rgba(24,239,208,.14)}
.news-feed{display:grid;gap:8px;margin-top:12px}
.news-item{
  display:block;text-decoration:none;border:1px solid rgba(70,200,255,.12);border-radius:11px;
  background:rgba(3,13,18,.74);padding:11px 12px;transition:.16s
}
.news-item:hover{border-color:rgba(24,239,208,.32);transform:translateY(-1px)}
.news-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:5px}
.news-meta span{font-size:9px;font-weight:900;color:#18efd0;letter-spacing:.05em}
.news-meta time{font-size:9px;color:#77959d}
.news-item strong{display:block;color:#eaf8f7;font-size:12px;line-height:1.38}
.news-loading,.news-empty{
  border:1px dashed rgba(70,200,255,.18);border-radius:11px;padding:16px;color:#7e9aa1;font-size:12px;text-align:center
}
.official-source-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}
.official-source-grid a{
  display:grid;gap:4px;text-decoration:none;padding:11px;border-radius:11px;border:1px solid rgba(24,239,208,.15);
  background:rgba(24,239,208,.035)
}
.official-source-grid a:hover{border-color:rgba(24,239,208,.35);background:rgba(24,239,208,.075)}
.official-source-grid b{color:#dffaf6;font-size:11px}
.official-source-grid span{color:#7f9da4;font-size:9px;line-height:1.35}
.news-footer-note{margin-top:13px;color:#78969d;font-size:10px;line-height:1.45}
@media(max-width:900px){
  .event-grid{grid-template-columns:1fr 1fr}
  .news-grid{grid-template-columns:1fr}
  .official-source-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .event-grid,.official-source-grid{grid-template-columns:1fr}
  .news-title-row,.news-alert-strip{flex-direction:column}
  .news-alert-strip b{white-space:normal}
  .news-top-menu{left:69.5%;width:9.0%;font-size:7px}
}

/* WBT PRO V2 */
.pro-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:22px 0 11px;padding-top:16px;border-top:1px solid rgba(70,200,255,.14)}
.pro-section-head h3{margin:3px 0 0}
.mini-action-btn{border:1px solid rgba(24,239,208,.30);border-radius:9px;background:rgba(24,239,208,.07);color:#18efd0;font-size:10px;font-weight:900;padding:7px 10px;cursor:pointer}
.mini-action-btn:hover{background:rgba(24,239,208,.14)}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.status-card{display:flex;align-items:center;gap:10px;min-height:68px;padding:11px 12px;border:1px solid rgba(70,200,255,.16);border-radius:12px;background:#061118}
.status-card b{display:block;color:#eaf9f6;font-size:11px;margin-bottom:4px}.status-card small{display:block;color:#7f9da4;font-size:9px}
.status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.status-dot.checking{background:#83959a}.status-dot.ok{background:#18efd0;box-shadow:0 0 12px rgba(24,239,208,.55)}.status-dot.warn{background:#ffbd5d;box-shadow:0 0 12px rgba(255,189,93,.45)}.status-dot.down{background:#ff6658;box-shadow:0 0 12px rgba(255,102,88,.45)}
.status-foot{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#78969d;font-size:9px}
.risk-calculator{border:1px solid rgba(24,239,208,.18);border-radius:16px;background:linear-gradient(180deg,#07151c,#051017);padding:16px;margin-bottom:16px}
.risk-input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.risk-input-grid label{display:grid;gap:6px}.risk-input-grid label>span{font-size:10px;color:#a8c1c6;font-weight:800}
.input-unit{display:flex;align-items:center;border:1px solid rgba(70,200,255,.18);border-radius:10px;background:#031016;overflow:hidden}.input-unit input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#efffff;padding:10px 11px;font-size:12px}.input-unit em{flex:0 0 auto;font-style:normal;font-size:8px;color:#6f959d;font-weight:900;padding:0 9px;border-left:1px solid rgba(70,200,255,.12)}
.risk-calc-action{display:flex;align-items:end;gap:7px}.risk-calc-action button{flex:1;border:1px solid rgba(24,239,208,.30);border-radius:10px;background:#18efd0;color:#021314;font-weight:1000;font-size:9px;padding:11px 8px;cursor:pointer}.risk-calc-action button.secondary{background:transparent;color:#8eb0b7;border-color:rgba(70,200,255,.18)}
.risk-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.risk-result-grid>div{padding:12px;border-radius:11px;border:1px solid rgba(70,200,255,.13);background:rgba(2,12,17,.65)}.risk-result-grid small{display:block;font-size:8px;color:#6f9098;font-weight:900}.risk-result-grid strong{display:inline-block;margin-top:5px;color:#18efd0;font-size:18px}.risk-result-grid span{font-size:8px;color:#78969d;margin-left:4px}
.risk-warning{margin-top:11px;padding:10px 12px;border-radius:10px;background:rgba(255,189,93,.06);border:1px solid rgba(255,189,93,.16);color:#a99c86;font-size:9px;line-height:1.5}.risk-warning.error{border-color:rgba(255,102,88,.35);color:#ff9a90;background:rgba(255,102,88,.06)}
.signal-demo{border:1px solid rgba(24,239,208,.18);border-radius:14px;background:linear-gradient(180deg,#07151c,#041018);padding:14px}.signal-demo-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:5px;border-bottom:1px solid rgba(70,200,255,.13)}.signal-demo-top b{color:#18efd0}.signal-demo-top span{font-size:8px;color:#ffca68;border:1px solid rgba(255,202,104,.23);border-radius:999px;padding:4px 7px}
.signal-demo-row{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid rgba(70,200,255,.08)}.signal-demo-row em{font-style:normal;font-size:9px;font-weight:900;color:#799da5}.signal-demo-row strong{font-size:11px;color:#e8f7f5}.signal-demo p{margin:10px 0 0;color:#78969d;font-size:9px;line-height:1.45}
.next-event-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:15px 0;padding:13px 15px;border-radius:14px;border:1px solid rgba(255,91,67,.27);background:linear-gradient(135deg,rgba(95,24,13,.22),rgba(20,11,9,.12))}
.next-event-hero small{display:block;color:#ff8d7d;font-size:8px;font-weight:1000;letter-spacing:.08em;margin-bottom:4px}.next-event-hero strong{display:block;color:#fff1ee;font-size:13px}.next-event-hero span{display:block;color:#b69b96;font-size:9px;margin-top:3px}.countdown-clock{flex:0 0 auto;color:#ffbd68;font-size:22px;font-weight:1000;letter-spacing:.03em;font-variant-numeric:tabular-nums}
@media(max-width:900px){.status-grid,.risk-result-grid{grid-template-columns:1fr 1fr}.risk-input-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.status-grid,.risk-result-grid,.risk-input-grid{grid-template-columns:1fr}.next-event-hero{align-items:flex-start;flex-direction:column}.countdown-clock{font-size:20px}}


/* ===== WBT PRO V3 — SUBTLE MOTION ONLY ===== */
/* Card hover: nhẹ, không làm lệch layout */
.wbt-hover-lift{
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
  will-change:transform;
}
.wbt-hover-lift:hover{
  transform:translateY(-3px);
  filter:brightness(1.025);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}

/* Scroll reveal: chỉ 8px + opacity, tránh cảm giác "bay" */
.wbt-reveal{
  opacity:0;
  transform:translateY(8px);
  transition:opacity .52s ease, transform .52s ease;
}
.wbt-reveal.wbt-visible{
  opacity:1;
  transform:none;
}

/* LIVE/status pulse rất nhẹ */
@keyframes wbt-soft-pulse{
  0%,100%{opacity:.72;transform:scale(.94)}
  50%{opacity:1;transform:scale(1.04)}
}
.market-live .live-dot,
.news-live-pill > span,
.status-dot.ok{
  animation:wbt-soft-pulse 2.4s ease-in-out infinite;
  transform-origin:center;
}

/* Button micro-interaction */
.register-btn,
.price-top-menu,
.news-top-menu,
.mini-action-btn,
.news-refresh,
.risk-calc-action button{
  transition:transform .16s ease, filter .16s ease, box-shadow .16s ease, background .16s ease;
}
.register-btn:hover,
.price-top-menu:hover,
.news-top-menu:hover,
.mini-action-btn:hover,
.news-refresh:hover,
.risk-calc-action button:hover{
  transform:translateY(-1px);
}

/* Tôn trọng người dùng đã bật giảm chuyển động */
@media (prefers-reduced-motion: reduce){
  .wbt-hover-lift,
  .wbt-reveal,
  .wbt-reveal.wbt-visible,
  .market-live .live-dot,
  .news-live-pill > span,
  .status-dot.ok,
  .register-btn,
  .price-top-menu,
  .news-top-menu,
  .mini-action-btn,
  .news-refresh,
  .risk-calc-action button{
    animation:none !important;
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}

/* Cloudflare Turnstile — interaction-only overlay.
   Invisible for normal visitors; appears centered only when Cloudflare requires interaction. */
.turnstile-host{
  position:fixed;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  z-index:3500;
  min-width:300px;
  min-height:65px;
  pointer-events:none;
}
.turnstile-host.active{
  pointer-events:auto;
  padding:12px;
  border:1px solid rgba(24,239,208,.40);
  border-radius:16px;
  background:rgba(2,10,16,.97);
  box-shadow:0 24px 80px rgba(0,0,0,.68);
}
.turnstile-host iframe{pointer-events:auto}