/* Karmeta v3 — new palette + layout (no SVG) */
:root{
  --bg:#061217;
  --bg2:#071f24;
  --sand:#f3f0e8;
  --muted:rgba(243,240,232,.78);
  --card:rgba(243,240,232,.08);
  --card2:rgba(243,240,232,.05);
  --line:rgba(243,240,232,.16);
  --teal:#14b8a6;
  --teal2:#2dd4bf;
  --ruby:#fb7185;
  --amber:#f59e0b;
  --shadow: 0 20px 55px rgba(0,0,0,.50);
}
html{font-size:16px; scroll-behavior:smooth;}
body{
  color: var(--sand);
  background:
    radial-gradient(900px 520px at 18% 18%, rgba(20,184,166,.22), transparent 62%),
    radial-gradient(900px 520px at 82% 22%, rgba(251,113,133,.18), transparent 62%),
    radial-gradient(820px 520px at 52% 92%, rgba(245,158,11,.10), transparent 62%),
    linear-gradient(180deg, var(--bg), var(--bg2));
}
.k-container{max-width:1140px;}
.k-panel{
  background: linear-gradient(180deg, var(--card), var(--card2));
  border:1px solid var(--line);
  box-shadow: var(--shadow);
}
.k-pane{
  background: rgba(243,240,232,.055);
  border:1px solid rgba(243,240,232,.12);
}
.k-tag{
  background: rgba(20,184,166,.12);
  border: 1px solid rgba(20,184,166,.35);
}
.k-btn{
  background: linear-gradient(135deg, rgba(20,184,166,.95), rgba(251,113,133,.78));
  border:1px solid rgba(243,240,232,.18);
  transition: transform .15s ease, filter .15s ease;
}
.k-btn:hover{transform: translateY(-1px); filter: brightness(1.05);}
.k-btn-ghost{
  background: rgba(243,240,232,.06);
  border:1px solid rgba(243,240,232,.14);
  transition: transform .15s ease, background .15s ease;
}
.k-btn-ghost:hover{transform: translateY(-1px); background: rgba(243,240,232,.08);}
.k-link{color: rgba(45,212,191,.95);}
.k-link:hover{text-decoration:underline;}
.k-input{
  background: rgba(6,18,23,.55);
  border:1px solid rgba(243,240,232,.18);
}
.k-input:focus{
  outline:none;
  box-shadow: 0 0 0 3px rgba(45,212,191,.20);
  border-color: rgba(45,212,191,.55);
}
.k-img{
  background: rgba(243,240,232,.05);
  border: 1px solid rgba(243,240,232,.14);
}
.k-divider{border-top:1px solid rgba(243,240,232,.16);}
.k-modal-backdrop{background: rgba(0,0,0,.72);}
.k-cookie{
  background: linear-gradient(180deg, rgba(7,31,36,.92), rgba(6,18,23,.92));
  border: 1px solid rgba(243,240,232,.16);
  box-shadow: var(--shadow);
}

/* Mobile drawer — robust (checkbox toggle, no JS dependency) */
#mobileMenu{display:none;}
#navToggle:checked ~ #mobileMenu{display:block;}
/* Backdrop */
#mobileMenu .k-modal-backdrop{opacity:0; transition: opacity .18s ease;}
#navToggle:checked ~ #mobileMenu .k-modal-backdrop{opacity:1;}
/* Panel slide-in */
#mobileMenu .k-mobile-panel{
  transform: translateX(100%);
  transition: transform .22s ease;
  will-change: transform;
}
#navToggle:checked ~ #mobileMenu .k-mobile-panel{transform: translateX(0);}
/* Mobile drawer panel: make it fully opaque */
.k-mobile-panel{
  background: #071f24 !important;
  backdrop-filter: none !important;
}