/* ══════════════════════════════════

   VK AGE GATE

   ══════════════════════════════════ */

.vk-ag{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:1;transition:opacity .35s ease;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}

.vk-ag.is-hidden{opacity:0;pointer-events:none}

.vk-ag *{box-sizing:border-box}



.vk-ag__box{width:100%;max-width:440px;background:#0a0a0a;border:1px solid #1a1a1a;border-radius:10px;padding:48px 40px 40px;text-align:center;position:relative;box-shadow:0 20px 80px rgba(0,0,0,.6)}



.vk-ag__brand{font-family:'Bebas Neue',sans-serif;font-size:36px;letter-spacing:.06em;color:#fff;text-transform:uppercase;margin:0 0 4px;line-height:1}

.vk-ag__brand span{color:#AAFF00}

.vk-ag__tagline{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#555;margin:0 0 28px}



.vk-ag__div{width:48px;height:2px;background:#AAFF00;margin:0 auto 28px;border-radius:2px}



.vk-ag__icon{width:64px;height:64px;border-radius:50%;border:2px solid #AAFF00;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:rgba(170,255,0,.04)}

.vk-ag__icon-txt{font-family:'Bebas Neue',sans-serif;font-size:26px;color:#AAFF00;line-height:1;letter-spacing:.02em}



.vk-ag__heading{font-family:'Bebas Neue',sans-serif;font-size:24px;color:#fff;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;line-height:1.1}

.vk-ag__body{font-size:13px;color:#888;line-height:1.7;margin:0 0 28px}



.vk-ag__btns{display:flex;gap:12px;margin-bottom:20px}

.vk-ag__yes{flex:1;padding:16px 20px;background:#AAFF00;border:none;border-radius:5px;font-family:'Inter',sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#000;cursor:pointer;transition:all .25s}

.vk-ag__yes:hover{background:#c4ff4d;box-shadow:0 0 24px rgba(170,255,0,.2)}

.vk-ag__no{flex:1;padding:16px 20px;background:transparent;border:1px solid #2a2a2a;border-radius:5px;font-family:'Inter',sans-serif;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#666;cursor:pointer;transition:all .2s}

.vk-ag__no:hover{border-color:#555;color:#999}



.vk-ag__fine{font-size:10px;color:#444;line-height:1.6;margin:0}

.vk-ag__fine a{color:#AAFF00;text-decoration:none}

.vk-ag__fine a:hover{text-decoration:underline}



body.vk-ag-locked{overflow:hidden !important}



/* ══════════════════════════════════

   STICKY COMPLIANCE BAR

   ══════════════════════════════════ */

.vk-cb{position:fixed;bottom:0;left:0;right:0;z-index:9990;background:rgba(10,10,10,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid #1a1a1a;padding:12px 20px;display:none;align-items:center;justify-content:center;gap:16px;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;transition:transform .3s ease}

.vk-cb.is-show{display:flex}

.vk-cb.is-dismissed{transform:translateY(100%)}

.vk-cb *{box-sizing:border-box}



.vk-cb__badge{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1.5px solid #AAFF00;display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:12px;color:#AAFF00;line-height:1}

.vk-cb__text{font-size:11px;color:#888;line-height:1.5;flex:1;max-width:680px}

.vk-cb__text strong{color:#ccc;font-weight:700}

.vk-cb__close{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #2a2a2a;border-radius:4px;color:#555;font-size:14px;cursor:pointer;transition:all .2s;line-height:1}

.vk-cb__close:hover{border-color:#555;color:#999}



/* ── RESPONSIVE ── */

@media(max-width:999px){

  .vk-ag__box{padding:36px 28px 32px}

  .vk-ag__brand{font-size:30px}

  .vk-ag__icon{width:56px;height:56px}

  .vk-ag__icon-txt{font-size:22px}

  .vk-ag__heading{font-size:20px}

  .vk-ag__body{font-size:12px}

  .vk-ag__btns{flex-direction:column;gap:10px}

  .vk-ag__yes,.vk-ag__no{padding:14px 16px;font-size:11px}

  .vk-cb{padding:10px 16px;gap:12px}

  .vk-cb__text{font-size:10px}

  .vk-cb__badge{width:24px;height:24px;font-size:10px}

}

@media(max-width:480px){

  .vk-ag__box{padding:28px 20px 24px;border-radius:8px}

  .vk-ag__brand{font-size:26px}

  .vk-ag__icon{width:48px;height:48px}

  .vk-ag__icon-txt{font-size:20px}

  .vk-ag__heading{font-size:18px}

  .vk-ag__body{font-size:11px;margin-bottom:20px}

  .vk-ag__fine{font-size:9px}

  .vk-cb{padding:8px 12px;gap:10px}

  .vk-cb__text{font-size:9px}

}

@media(prefers-reduced-motion:reduce){

  .vk-ag,.vk-cb,.vk-ag__yes,.vk-ag__no,.vk-cb__close{transition:none !important}

}