/* Betcash303 — Security / Financial Education
   charcoal #1F2426 · emerald #10B981 · gold #D4A72C · white */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Segoe UI",system-ui,Arial,sans-serif;color:#1C2325;background:#F7F9F8;line-height:1.7;font-size:16px}
img,svg{max-width:100%;height:auto;display:block}
a{color:#0B7A5C;text-decoration:none}
a:hover{text-decoration:underline}
ul,ol{list-style:none}
.bc-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.bc-narrow{max-width:820px}
p{margin:0 0 14px}

/* header */
.bc-head{background:#1F2426;position:sticky;top:0;z-index:50}
.bc-head-in{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:13px 22px}
.bc-goldline{height:2px;background:linear-gradient(90deg,#D4A72C,#10B981,#D4A72C)}
.bc-logo{display:flex;align-items:center;gap:10px;color:#fff;margin-right:auto}
.bc-logo:hover{text-decoration:none}
.bc-logo-word{font-size:22px;font-weight:800}
.bc-logo-word span{color:#D4A72C}
.bc-navbtn,.bc-navtog{display:none}
.bc-nav{display:flex;flex-wrap:wrap;gap:2px 4px}
.bc-navlink{display:block;color:#C4CFCC;font-size:13.5px;padding:7px 10px;border-radius:4px;border-bottom:2px solid transparent}
.bc-navlink:hover{color:#fff;text-decoration:none;background:#2A3234}
.bc-navlink.active{color:#10B981;border-bottom-color:#10B981}
.bc-cta{background:#D4A72C;color:#241B03;font-weight:700;font-size:13.5px;padding:9px 18px;border-radius:4px;white-space:nowrap}
.bc-cta:hover{background:#E2BB4F;text-decoration:none}

/* hero */
.bc-hero{background:linear-gradient(160deg,#1F2426 0%,#22292B 55%,#1B3A30 100%);color:#E8EEEC}
.bc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;padding-top:52px;padding-bottom:48px;align-items:center}
.bc-hero-kicker{font-size:12px;letter-spacing:.26em;color:#D4A72C;margin-bottom:12px}
.bc-hero h1{font-size:39px;color:#fff;margin-bottom:16px;line-height:1.22}
.bc-hero-lead{font-size:16.5px;color:#B9C6C2;margin-bottom:22px}
.bc-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.bc-btn{display:inline-block;background:#10B981;color:#04231A;font-weight:700;font-size:14px;padding:12px 24px;border-radius:6px}
.bc-btn:hover{text-decoration:none;background:#2DD4A0}
.bc-btn-o{background:transparent;color:#F4D98C;border:1.5px solid #D4A72C}
.bc-btn-o:hover{background:rgba(212,167,44,.1)}
.bc-hero-imgwrap img{border-radius:12px;border:1px solid #3A4347;box-shadow:0 18px 44px rgba(0,0,0,.4)}
.bc-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:0;padding-bottom:34px;margin-top:-8px}
.bc-badgecard{background:#fff;border-radius:10px;border:1px solid #E2E8E5;border-top:3px solid #10B981;padding:18px;text-align:center}
.bc-badgecircle{width:84px;height:84px;border-radius:50%;border:3px solid #10B981;margin:0 auto 10px;display:flex;align-items:center;justify-content:center}
.bc-badgecircle b{font-size:13px;color:#1C2325;letter-spacing:.06em}
.bc-badgecard p{font-size:13.5px;color:#5A6663;min-height:44px}
.bc-badgetag{display:inline-block;font-size:12.5px;font-weight:700;color:#0B7A5C;border:1px solid #9ED8C6;border-radius:999px;padding:4px 14px;margin-top:4px}
.bc-badgetag:hover{background:#EAF7F2;text-decoration:none}

/* layers */
.bc-layer{padding:42px 0;background:#fff;border-top:1px solid #E4E9E6}
.bc-layer.dark{background:#1F2426;color:#CBD6D2;border-top:none}
.bc-layer.dark h2{color:#fff}
.bc-layer.dark a{color:#2DD4A0}
.bc-layer-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bc-badge{font-family:Consolas,monospace;font-size:11px;letter-spacing:.24em;color:#0B7A5C;background:#EAF7F2;border:1px solid #B9E3D2;padding:3px 10px;border-radius:3px;white-space:nowrap}
.bc-layer.dark .bc-badge{background:#152420;color:#10B981;border-color:#1E4438}
.bc-layer-head h2{font-size:25px;color:#1C2325}
.bc-layer-body{max-width:880px}
.bc-layer-body h3,.bc-art-body h3{font-size:18.5px;margin:20px 0 8px;color:#0B7A5C}
.bc-layer.dark .bc-layer-body h3{color:#2DD4A0}
.bc-layer-body ul.md,.bc-layer-body ol.md,.bc-art-body ul.md,.bc-art-body ol.md{margin:0 0 14px;padding-left:0}
.bc-layer-body ul.md li,.bc-art-body ul.md li{position:relative;padding-left:26px;margin-bottom:8px}
.bc-layer-body ul.md li::before,.bc-art-body ul.md li::before{content:"✓";position:absolute;left:2px;color:#10B981;font-weight:700}
.bc-layer-body ol.md,.bc-art-body ol.md{counter-reset:bcol}
.bc-layer-body ol.md li,.bc-art-body ol.md li{position:relative;padding-left:38px;margin-bottom:9px;counter-increment:bcol}
.bc-layer-body ol.md li::before,.bc-art-body ol.md li::before{content:counter(bcol);position:absolute;left:0;top:3px;width:22px;height:22px;background:#D4A72C;color:#241B03;font-size:12.5px;font-weight:800;border-radius:4px;display:flex;align-items:center;justify-content:center}

/* tables */
.tbl-wrap{overflow-x:auto;margin:16px 0}
table{border-collapse:collapse;width:100%;min-width:520px;background:#fff;font-size:14px;border:1px solid #DCE3DF;border-radius:8px;overflow:hidden}
thead th{background:#1F2426;color:#F4D98C;text-align:left;padding:10px 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
tbody td{padding:10px 14px;border-bottom:1px solid #E8EDEA}
tbody tr:nth-child(even){background:#F5F8F6}

/* figures */
.fig{margin:24px 0;background:#fff;border:1px solid #DCE3DF;border-radius:10px;padding:16px}
.fig figcaption{font-size:12.5px;color:#5A6663;margin-top:8px;text-align:center}

/* article */
.bc-main{padding:30px 0 10px}
.bc-crumb{font-size:12.5px;margin-bottom:16px}
.bc-crumb ol{display:flex;flex-wrap:wrap;gap:6px;color:#5A6663}
.bc-crumb li+li::before{content:"›";margin-right:6px;color:#10B981}
.bc-art{background:#fff;border:1px solid #E2E8E5;border-radius:12px;padding:32px 34px;box-shadow:0 6px 20px rgba(28,35,37,.06)}
.bc-art-h1{font-size:32px;line-height:1.28;margin-bottom:12px;color:#1C2325}
.bc-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:#5A6663;background:#F0F5F2;border-left:3px solid #10B981;border-radius:6px;padding:9px 14px;margin-bottom:24px}
.bc-meta-who{color:#0B7A5C;font-weight:700}
.bc-art-body{font-size:16.5px}
.bc-art-body h2{font-size:23px;margin:28px 0 10px;color:#1C2325;padding-bottom:6px;border-bottom:2px solid #D4A72C}
blockquote.md{border-left:3px solid #D4A72C;background:#FBF7EA;padding:12px 16px;margin:14px 0;border-radius:0 8px 8px 0}
.bc-artfaq h2,.bc-faqsec h2{font-size:23px;color:#1C2325;margin-bottom:12px}
.bc-faqitem{background:#F5F8F6;border:1px solid #DCE7E1;border-left:3px solid #10B981;border-radius:8px;margin-bottom:8px}
.bc-faqitem summary{cursor:pointer;padding:12px 16px;font-weight:600;font-size:15px;color:#1C2325;list-style:none}
.bc-faqitem summary::-webkit-details-marker{display:none}
.bc-faqitem summary::after{content:"+";float:right;color:#0B7A5C;font-weight:700;font-size:18px}
.bc-faqitem[open] summary::after{content:"–"}
.bc-fanswer{padding:0 16px 12px;font-size:15px}
.bc-faqsec{margin-top:22px}
.toc{background:#F0F5F2;border-radius:10px;padding:18px 22px}
.toc-title{font-family:Consolas,monospace;font-size:11px;letter-spacing:.22em;color:#0B7A5C;margin-bottom:6px}
.toc ol{counter-reset:bctoc}
.toc ol li{counter-increment:bctoc;padding:4px 0 4px 32px;position:relative;font-size:14.5px}
.toc ol li::before{content:counter(bctoc);position:absolute;left:0;top:3px;width:22px;height:22px;background:#D4A72C;color:#241B03;font-size:12px;font-weight:800;border-radius:4px;display:flex;align-items:center;justify-content:center}

/* related */
.related{background:#FBF7EA;border:1px solid #EADFB8;border-radius:10px;padding:18px 20px;margin-top:28px}
.related-title{font-family:Consolas,monospace;font-size:11px;letter-spacing:.22em;color:#8A6D1F;margin-bottom:6px}
.related ul li{padding:6px 0;border-top:1px solid #F0E7C8;font-size:14.5px}

/* hub & index */
.bc-hubhead{padding:6px 0 20px}
.bc-hubhead h1{font-size:33px;color:#1C2325;margin:10px 0 12px}
.bc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bc-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #E2E8E5;border-radius:10px;padding:18px;color:#1C2325}
.bc-card:hover{text-decoration:none;box-shadow:0 8px 20px rgba(28,35,37,.12);transform:translateY(-2px);border-color:#10B981}
.bc-card-k{font-family:Consolas,monospace;font-size:10.5px;letter-spacing:.2em;color:#0B7A5C}
.bc-card-t{font-size:16.5px;font-weight:700;line-height:1.4}
.bc-card-d{font-size:12.5px;color:#5A6663}
.bc-plsec{margin-bottom:24px}
.bc-plsec h2{font-size:22px;color:#1C2325;margin-bottom:10px}

/* 404 */
.e404{text-align:center;padding:70px 22px}
.e404-code{font-size:86px;font-weight:800;color:#D4A72C;line-height:1}
.e404-h1{font-size:29px;margin:6px 0 14px;color:#1C2325}
.e404-p{max-width:520px;margin:0 auto 22px}
.e404-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.p404 .bc-hero,.p404 .bc-layer{display:none}

/* footer */
.bc-foot{margin-top:52px;background:#171B1D;color:#9AA8A4;border-top:3px solid #10B981}
.bc-fgrid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding:36px 22px 6px}
.bc-fh{font-family:Consolas,monospace;font-size:11px;letter-spacing:.24em;color:#D4A72C;margin-bottom:10px}
.bc-fcol ul li{padding:5px 0;font-size:14px}
.bc-fcol a{color:#C4CFCC}
.bc-fcol a:hover{color:#2DD4A0}
.bc-flegal{max-width:1120px;margin:0 auto;padding:14px 22px 28px;border-top:1px solid #2A3234;margin-top:14px}
.bc-flegal p{font-size:12px;color:#7A8783;margin-bottom:7px}
.bc-flegal p:first-child{color:#10B981;letter-spacing:.08em}

/* responsive */
@media (max-width:980px){
 .bc-hero-grid{grid-template-columns:1fr;gap:26px}
 .bc-badges{grid-template-columns:1fr 1fr}
 .bc-cards{grid-template-columns:1fr 1fr}
 .bc-fgrid{grid-template-columns:1fr 1fr}
 .bc-hero h1{font-size:31px}
 .bc-nav{display:none;width:100%;flex-direction:column;gap:0;order:5}
 .bc-navtog:checked ~ .bc-menu{display:contents}
 .bc-navtog:checked ~ .bc-menu .bc-nav{display:flex}
 .bc-navlink{padding:11px 8px;border-bottom:1px solid #2A3234;border-radius:0}
 .bc-navbtn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid #3A4347;border-radius:6px;cursor:pointer;order:4}
 .bc-navbtn span{display:block;width:20px;height:2px;background:#D4A72C;margin:0 auto}
 .bc-head-in{flex-wrap:wrap;position:relative}
 .bc-cta{order:3}
}
@media (max-width:768px){
 .bc-badges{grid-template-columns:1fr}
 .bc-cards{grid-template-columns:1fr}
 .bc-fgrid{grid-template-columns:1fr}
 .bc-art{padding:24px 20px}
 .bc-art-h1{font-size:26px}
 .bc-hubhead h1{font-size:27px}
 .bc-hero h1{font-size:27px}
}
@media (max-width:420px){
 .bc-hero h1{font-size:24px}
 .bc-hero-lead{font-size:15px}
 .bc-art-h1{font-size:22px}
 .bc-btn{padding:11px 18px;font-size:13px}
}