@font-face {
  font-family: 'BPG Mtavruli';
  src: url('fonts/bpg_extrasquare_mtavruli_2009.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BPG Arial';
  src: url('fonts/bpg_arial_2009.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

:root{
  --red:#D1001A;
  --black:#0B0B0F;
  --blue:#0A1B3D;
  --white:#ffffff;
  --gray:#B9BCC6;
  --border:rgba(255,255,255,.10);
  --shadow:0 10px 30px rgba(0,0,0,.35);
  --radius:14px;
  --container:1180px;

  /* theme-aware tokens */
  --bg: var(--black);
  --surface: rgba(10,27,61,.35);
  --surface2: rgba(255,255,255,.03);
  --text: var(--white);
  --textMuted: var(--gray);
  --headerBg: rgba(11,11,15,.82);
  --inputBg: rgba(0,0,0,.22);
}

[data-theme="light"]{
  --bg:#f6f7fb;
  --surface: rgba(10,27,61,.06);
  --surface2: rgba(10,27,61,.05);
  --text:#0B0B0F;
  --textMuted:#3b4150;
  --border: rgba(11,11,15,.12);
  --shadow: 0 10px 24px rgba(11,11,15,.10);
  --headerBg: rgba(246,247,251,.85);
  --inputBg: rgba(255,255,255,.92);
}

*{box-sizing:border-box}
html,body{min-height:100%}
body{
  margin:0;
  font-family: 'BPG Arial', system-ui, -apple-system, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.5;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin:0 auto;padding:0 18px}
.section{padding:80px 0}
.section-title{display:flex;align-items:center;gap:12px;font-size:28px;margin:0 0 26px}
.section-title:before{content:"";width:4px;height:28px;background:var(--red);border-radius:999px}
.muted{color:var(--textMuted)}

/* Header */
header{
  position:sticky; top:0; z-index:1000;
  background: var(--headerBg);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--border);
}
.header-wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:14px 0;
}
.left-pack{display:flex; align-items:center; gap:18px; min-width:0}
.logo img{height:44px; width:auto}
.nav{display:flex; gap:18px; align-items:center; flex-wrap:wrap}
.nav a{
  padding:8px 10px;
  border-radius:10px;
  color:var(--textMuted);
  transition:.2s;
  font-weight:700;
  font-size:14px;
  font-family: 'BPG Mtavruli', sans-serif;
}
.nav a:hover{color:var(--text); background:rgba(255,255,255,.10)}
.social{display:flex; gap:10px; align-items:center}
.icon-btn{
  width:40px; height:40px;
  border-radius:12px;
  display:grid; place-items:center;
  background:rgba(255,255,255,.08);
  border:1px solid var(--border);
  transition:.2s;
}
.icon-btn:hover{transform:translateY(-1px); background:rgba(255,255,255,.14)}
.burger{
  display:none;
  width:44px; height:44px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--border);
  color:var(--text);
  cursor:pointer;
}
.burger span{display:block;width:18px;height:2px;background:currentColor;margin:4px auto;border-radius:999px}
.mobile-nav{display:none;padding:0 0 14px}
.mobile-nav a{
  display:block;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid var(--border);
  margin-top:10px;
  color:var(--text);
  font-weight:800;
}
.mobile-social{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding-top:12px;
}
.mobile-social .icon-btn{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  margin-top:0;
}
.mobile-nav.show{display:block}

/* Theme switch */
.theme-switch{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:none;
  border:none;
  cursor:pointer;
  user-select:none;
  font-weight:900;
  font-size:13px;
  color:#fff;
  padding:4px;
  letter-spacing:.5px;
}
.toggle-track{
  width:62px;height:30px;
  border-radius:999px;
  background:#1a1d2e;
  border:1.5px solid rgba(255,255,255,.18);
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 6px;
  flex-shrink:0;
  transition:background .3s;
}
[data-theme="light"] .toggle-track{
  background:#dde0ea;
  border-color:rgba(0,0,0,.12);
}
.toggle-thumb{
  position:absolute;
  width:24px;height:24px;
  border-radius:999px;
  background:#3b4de8;
  top:50%;
  left:3px;
  transform:translateY(-50%) translateX(32px);
  transition:transform .3s ease;
  z-index:1;
}
[data-theme="light"] .toggle-thumb{
  transform:translateY(-50%) translateX(0);
}
.t-icon{
  position:relative;
  z-index:2;
  flex-shrink:0;
  transition:color .3s;
  display:flex;
}
.t-sun{color:rgba(255,255,255,.4)}
.t-moon{color:#fff}
[data-theme="light"] .t-sun{color:#fff}
[data-theme="light"] .t-moon{color:rgba(0,0,0,.3)}

/* Buttons & inputs */
.btn{
  padding:12px 16px;
  border-radius:12px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.08);
  color:var(--text);
  font-weight:900;
  cursor:pointer;
  transition:.2s;
  display:inline-flex;align-items:center;gap:10px;
}
.btn:hover{transform:translateY(-1px); background:rgba(255,255,255,.14)}
.btn-red{background:var(--red); border-color:transparent; color:#fff}
.btn-red:hover{background:#ff0026}
.input,.textarea{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid var(--border);
  background: var(--inputBg);
  color: var(--text);
  outline:none;
}
.textarea{min-height:120px;resize:vertical}

/* Footer */
footer{
  border-top:1px solid var(--border);
  background: rgba(0,0,0,.06);
  padding:18px 0;
}
.footer-wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  color:var(--textMuted);
  font-size:14px;
  flex-wrap:wrap;
}
.payments{display:flex; gap:10px; align-items:center}
.pay-ico{
  width:44px; height:28px;
  border-radius:10px;
  border:1px solid var(--border);
  background:rgba(255,255,255,.08);
  display:grid; place-items:center;
  overflow:hidden;
}
.pay-ico img{max-height:18px; opacity:.92}

/* Georgian headings font */
h1, h2, h3 {
  font-family: 'BPG Mtavruli', sans-serif;
}

/* Responsive core */
@media (max-width: 820px){
  .nav{display:none}
  .burger{display:inline-block}
}