/* ═══════════════════════════════════
   SHARED STYLES — mcpe-site v5
   ═══════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap');

:root{
  --blk:#0f0f0f;--wht:#f5f4ef;--yel:#ffe135;--grn:#00d488;
  --red:#ff3b3b;--blu:#1a56ff;--muted:#666;
  --bd:3px solid var(--blk);--sh:5px 5px 0 var(--blk);
  --sh2:3px 3px 0 var(--blk);--r:12px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body{font-family:'DM Sans',sans-serif;background:var(--wht);color:var(--blk);min-height:100vh;display:flex;flex-direction:column;}
a{color:inherit;text-decoration:none;}

/* ── HEADER ── */
.site-header{background:var(--blk);border-bottom:var(--bd);position:sticky;top:0;z-index:100;}
.site-header-stripe{height:4px;background:repeating-linear-gradient(90deg,var(--yel) 0,var(--yel) 36px,transparent 36px,transparent 44px);}
.site-header-inner{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:0;}
.site-logo{display:flex;align-items:center;gap:12px;padding:14px 0;text-decoration:none;border-right:var(--bd);padding-right:20px;margin-right:20px;}
.site-logo-icon{background:var(--yel);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.site-logo-icon svg{width:20px;height:20px;}
.site-logo-text{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1.5px;color:var(--yel);line-height:1;}
.site-logo-sub{font-size:9px;color:#555;font-weight:600;letter-spacing:1px;text-transform:uppercase;}
.site-nav{display:flex;align-items:center;gap:4px;flex:1;}
.site-nav a{font-size:12px;font-weight:600;color:#888;padding:6px 11px;border-radius:6px;transition:color .15s,background .15s;}
.site-nav a:hover{color:var(--yel);background:rgba(255,255,255,.06);}
.site-nav a.active{color:var(--yel);}
.site-nav-tg{margin-left:auto;display:flex;align-items:center;gap:6px;padding:7px 13px;background:#1a8fcc;border-radius:8px;font-size:12px;font-weight:700;color:#fff !important;transition:background .15s !important;}
.site-nav-tg:hover{background:#1577b0 !important;color:#fff !important;}
.site-nav-tg svg{width:14px;height:14px;flex-shrink:0;}

/* ── FOOTER ── */
.site-footer{background:var(--blk);border-top:var(--bd);margin-top:auto;}
.site-footer-inner{max-width:1100px;margin:0 auto;padding:32px 20px 24px;}
.site-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:28px;}
.sf-brand svg{width:32px;height:32px;margin-bottom:10px;}
.sf-brand p{font-size:12px;color:#666;line-height:1.7;margin-top:6px;}
.sf-col h4{font-size:11px;font-weight:700;color:#555;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;}
.sf-col a{display:block;font-size:13px;color:#999;margin-bottom:8px;transition:color .15s;}
.sf-col a:hover{color:var(--yel);}
.sf-tg{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;background:#111;border:2px solid #1a8fcc;border-radius:10px;color:#1a8fcc;font-size:12px;font-weight:700;}
.sf-tg svg{width:16px;height:16px;}
.site-footer-bottom{border-top:1px solid #1a1a1a;padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.site-footer-bottom p{font-size:12px;color:#444;}
.site-footer-bottom span{font-size:11px;color:#333;}

/* ── PAGE CONTENT ── */
.page-wrap{max-width:1100px;margin:0 auto;padding:36px 20px 80px;flex:1;}
.page-hero{margin-bottom:36px;}
.page-hero h1{font-family:'Bebas Neue',sans-serif;font-size:52px;letter-spacing:2px;line-height:1;margin-bottom:6px;}
.page-hero h1 span{color:var(--yel);-webkit-text-stroke:2px var(--blk);paint-order:stroke fill;}
.page-hero p{font-size:15px;color:var(--muted);font-weight:500;}

/* ── PROSE (legal pages) ── */
.prose{max-width:720px;}
.prose h2{font-size:20px;font-weight:700;margin:32px 0 10px;padding-bottom:6px;border-bottom:2px solid #e8e7e2;}
.prose h3{font-size:16px;font-weight:700;margin:20px 0 8px;color:#333;}
.prose p{font-size:14px;line-height:1.8;color:#444;margin-bottom:12px;}
.prose ul{padding-left:20px;margin-bottom:12px;}
.prose ul li{font-size:14px;line-height:1.8;color:#444;margin-bottom:4px;}
.prose a{color:var(--blu);text-decoration:underline;}
.prose .last-updated{display:inline-block;font-size:11px;font-weight:700;color:#999;background:#f0efe9;padding:4px 10px;border-radius:20px;border:2px solid #e0dfd8;margin-bottom:24px;font-family:'JetBrains Mono',monospace;}

/* ── TABS ── */
.tab-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px;}
.tab-btn{padding:7px 16px;border:2px solid var(--blk);border-radius:30px;font-size:12px;font-weight:700;cursor:pointer;background:var(--wht);font-family:'DM Sans',sans-serif;transition:background .1s,color .1s;}
.tab-btn.on{background:var(--blk);color:var(--yel);}
.tab-panel{display:none;}
.tab-panel.on{display:block;}

/* ── CARDS ── */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;}
.info-card{background:var(--wht);border:var(--bd);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;transition:transform .12s,box-shadow .12s;}
.info-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--blk);}
.info-card-head{padding:12px 15px;border-bottom:var(--bd);background:#f0efe9;display:flex;align-items:center;gap:8px;}
.info-card-head svg{width:16px;height:16px;flex-shrink:0;}
.info-card-head span{font-size:12px;font-weight:700;}
.info-card-body{padding:14px 15px;}
.info-card-body p{font-size:13px;color:#555;line-height:1.7;}

/* ── CONTACT FORM ── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.form-group label{font-size:12px;font-weight:700;color:#333;letter-spacing:.3px;}
.form-group input,.form-group textarea,.form-group select{padding:11px 13px;border:var(--bd);border-radius:10px;font-family:'DM Sans',sans-serif;font-size:14px;background:var(--wht);outline:none;transition:box-shadow .15s;box-shadow:var(--sh2);}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{box-shadow:var(--sh);}
.form-group textarea{resize:vertical;min-height:120px;}
.btn-submit{padding:13px 28px;background:var(--blk);color:var(--yel);border:var(--bd);border-radius:10px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--sh2);display:inline-flex;align-items:center;gap:8px;transition:transform .1s,box-shadow .1s;}
.btn-submit:hover{transform:translate(-2px,-2px);box-shadow:var(--sh);}
.btn-submit:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--blk);}
.btn-submit svg{width:16px;height:16px;}
.contact-info-box{background:#f0efe9;border:var(--bd);border-radius:var(--r);padding:22px;box-shadow:var(--sh2);}
.contact-info-box h3{font-size:15px;font-weight:700;margin-bottom:16px;}
.ci-item{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;}
.ci-icon{background:var(--blk);color:var(--yel);border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ci-icon svg{width:15px;height:15px;}
.ci-text{font-size:13px;color:#555;line-height:1.6;}
.ci-text strong{display:block;font-size:12px;font-weight:700;color:var(--blk);margin-bottom:2px;}

/* ── OVERLAY & MODAL (shared) ── */
.ov{display:none;position:fixed;inset:0;background:rgba(15,15,15,.6);z-index:200;align-items:center;justify-content:center;padding:16px;}
.ov.on{display:flex;}
.modal{background:var(--wht);border:var(--bd);border-radius:18px;box-shadow:8px 8px 0 var(--blk);width:100%;max-width:400px;overflow:hidden;animation:pop .2s cubic-bezier(.34,1.56,.64,1);max-height:92vh;overflow-y:auto;}
@keyframes pop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.mh{padding:14px 17px 12px;border-bottom:var(--bd);background:var(--yel);display:flex;align-items:flex-start;gap:10px;position:sticky;top:0;z-index:1;}
.mh svg{width:20px;height:20px;flex-shrink:0;margin-top:2px;}
.mh-t{flex:1;}
.mh-t h2{font-size:14px;font-weight:700;line-height:1.3;}
.mh-t p{font-size:11px;color:#555;margin-top:2px;}
.mclose{background:var(--blk);color:var(--wht);border:none;border-radius:6px;width:26px;height:26px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.mclose svg{width:13px;height:13px;}
.mb{padding:16px 18px;}

/* ── CAPTCHA (NEW CLEAN) ── */
.cap-area{margin-bottom:14px;}
.cap-label{font-size:11px;font-weight:700;color:#888;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:6px;}
.cap-label::before{content:'';width:8px;height:8px;background:var(--grn);border-radius:50%;flex-shrink:0;}
.cap-equation{font-family:'JetBrains Mono',monospace;font-size:32px;font-weight:700;text-align:center;padding:14px 0;letter-spacing:3px;color:var(--blk);}
.cap-equation .op{color:var(--grn);}
.cap-equation .qs{color:var(--yel);background:var(--blk);padding:2px 8px;border-radius:6px;font-size:28px;}
.cap-input-row{display:flex;gap:8px;align-items:center;width:100%;}
.cap-input{flex:1;min-width:0;padding:11px 10px;border:var(--bd);border-radius:10px;font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:700;text-align:center;outline:none;background:var(--wht);transition:border-color .15s,box-shadow .15s;box-shadow:var(--sh2);}
.cap-input:focus{box-shadow:var(--sh);}
.cap-input.ok{border-color:var(--grn);box-shadow:0 0 0 3px rgba(0,212,136,.12);}
.cap-input.err{border-color:var(--red);animation:shk .3s ease;}
@keyframes shk{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.cap-ref{width:42px;height:42px;border:var(--bd);border-radius:9px;background:var(--wht);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh2);flex-shrink:0;transition:background .1s;}
.cap-ref svg{width:15px;height:15px;transition:transform .4s;}
.cap-ref:hover{background:var(--yel);}
.cap-ref.sp svg{transform:rotate(360deg);}
.cap-hint{font-size:11px;color:#bbb;margin-top:8px;font-weight:500;}
.cap-err-msg{font-size:12px;font-weight:700;color:var(--red);margin-top:6px;min-height:16px;}
.btn-v{width:100%;padding:12px;background:var(--blk);color:var(--yel);border:var(--bd);border-radius:10px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--sh2);display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .1s,box-shadow .1s;}
.btn-v svg{width:15px;height:15px;}
.btn-v:hover{transform:translate(-1px,-1px);box-shadow:var(--sh);}
.btn-v:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--blk);}
.btn-v:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;}

/* ── LOADING ── */
.load-box{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0;}
.spin-wrap{position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;}
.spin-r{position:absolute;inset:0;width:90px;height:90px;border:5px solid #e0e0d8;border-top:5px solid var(--blk);border-radius:50%;animation:spinR .7s linear infinite;}
@keyframes spinR{to{transform:rotate(360deg)}}
.load-n{font-family:'Bebas Neue',sans-serif;font-size:40px;line-height:1;position:relative;z-index:1;}
.bar-w{width:100%;background:#e0e0d8;border:2px solid var(--blk);border-radius:5px;height:8px;overflow:hidden;}
.bar{height:100%;background:var(--blk);transition:width 1s linear;}
.load-txt{font-size:11px;color:#aaa;font-weight:600;}

/* ── SERVER ── */
.srv-list{display:flex;flex-direction:column;gap:8px;}
.srv-btn{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--wht);border:var(--bd);border-radius:10px;box-shadow:var(--sh2);text-decoration:none;color:var(--blk);font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .1s,transform .1s,box-shadow .1s;}
.srv-btn:hover{background:var(--yel);transform:translate(-2px,-2px);box-shadow:var(--sh);}
.srv-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--blk);}
.srv-btn svg{width:15px;height:15px;flex-shrink:0;color:#888;}
.srv-num{background:var(--blk);color:var(--wht);font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;font-family:'JetBrains Mono',monospace;}
.srv-dl{margin-left:auto;width:14px;height:14px;color:#ccc;}
.tg-cta{margin-top:12px;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#e8f5ff;border:2px solid #2CA5E0;border-radius:10px;text-decoration:none;color:var(--blk);font-size:12px;font-weight:700;transition:background .1s;}
.tg-cta:hover{background:#d2ecff;}
.tg-cta svg{width:18px;height:18px;flex-shrink:0;color:#2CA5E0;}
.tg-cta-t{flex:1;line-height:1.4;}
.tg-cta-t small{display:block;font-size:10px;font-weight:500;color:#888;}

/* ── AD SLOTS ── */
.ad-slot{background:#ebebE3;border:2px dashed #d0d0c8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#ccc;letter-spacing:.5px;text-transform:uppercase;}
.ad-label{font-size:9px;color:#ccc;text-align:center;margin-top:3px;letter-spacing:.5px;text-transform:uppercase;}
.ad-728{width:100%;max-width:728px;height:90px;}
.ad-468{width:100%;max-width:468px;height:60px;}
.ad-strip{display:flex;justify-content:center;padding:10px 16px;background:#f0efe9;border-bottom:2px solid #e0dfd8;}
.ad-mid{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;}

/* ── ALERT ── */
.c-alert{display:none;position:fixed;inset:0;background:rgba(15,15,15,.75);z-index:9999;align-items:center;justify-content:center;padding:20px;}
.c-alert.on{display:flex;}
.a-box{background:var(--wht);border:var(--bd);border-radius:16px;box-shadow:8px 8px 0 var(--blk);width:100%;max-width:300px;overflow:hidden;animation:pop .18s cubic-bezier(.34,1.56,.64,1);}
.a-head{background:var(--red);border-bottom:var(--bd);padding:12px 15px;display:flex;align-items:center;gap:8px;}
.a-head svg{width:18px;height:18px;color:#fff;flex-shrink:0;}
.a-head h3{font-size:14px;font-weight:700;color:#fff;}
.a-body{padding:14px 16px 16px;}
.a-body p{font-size:13px;color:#333;line-height:1.6;margin-bottom:12px;}
.a-ok{width:100%;padding:10px;background:var(--blk);color:var(--yel);border:2px solid var(--blk);border-radius:8px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:3px 3px 0 #555;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .site-footer-grid{grid-template-columns:1fr 1fr;gap:24px;}
  .contact-grid{grid-template-columns:1fr;}
  .page-hero h1{font-size:36px;}
  .site-nav a:not(.site-nav-tg){display:none;}
}
@media(max-width:480px){
  .site-footer-grid{grid-template-columns:1fr;}
  .site-logo-text{font-size:16px;}
}