:root{
  --amber:#FF376B; --amber-deep:#E02458;
  --btn:#E02458; --btn-hover:#C41C4E;
  --bg:#091B36; --bg-2:#0D2140;
  --text:#F2F5FA; --muted:#A9B4C7;
  --glass:rgba(9,27,54,.85); --glass-2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.14);
  --ok:#8FD07C; --err:#FF9C8A; --r:16px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:110px;}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);}
img{display:block;}
a{color:inherit;}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:6px;}
.section{max-width:1160px;margin:0 auto;padding:clamp(52px,9vh,110px) clamp(18px,4vw,44px);}
h2{font-weight:800;font-size:clamp(1.5rem,3.4vw,2.4rem);letter-spacing:-.02em;line-height:1.15;}
h2 em{font-style:normal;color:var(--amber);}
.sec-sub{margin-top:12px;color:var(--muted);font-weight:500;line-height:1.65;max-width:38em;}

/* ===== header ===== */
header{
  position:sticky;top:0;z-index:20;
  background:rgba(9,27,54,.7);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hd-top{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px clamp(18px,4vw,44px) 8px;
}
.hd-nav{
  display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;
  padding:0 clamp(18px,4vw,44px) 10px;
  -webkit-overflow-scrolling:touch;
}
.hd-nav::-webkit-scrollbar{display:none;}
/* naznak, že menu pokračuje: zjemnenie okrajov, kým sa dá scrollovať */
.hd-nav.fade-end{
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 44px),transparent);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 44px),transparent);
}
.hd-nav.fade-start{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 44px);
  mask-image:linear-gradient(90deg,transparent,#000 44px);
}
.hd-nav.fade-start.fade-end{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);
}
.hd-nav a{
  flex:0 0 auto;font-size:.875rem;font-weight:600;color:var(--muted);
  text-decoration:none;padding:7px 12px;border-radius:999px;
  transition:color .15s, background .15s;
}
.hd-nav a:hover,.hd-nav a[aria-current]{color:var(--text);background:var(--glass-2);}
.hd-nav-cta{display:none;}
.hd-burger{
  display:none;flex:0 0 auto;width:44px;height:40px;
  flex-direction:column;justify-content:center;align-items:center;gap:4px;
  background:transparent;border:1px solid var(--line);border-radius:10px;
  color:var(--text);cursor:pointer;
}
.hd-burger .bl{width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s;}
.hd-burger[aria-expanded="true"] .bl:nth-child(1){transform:translateY(6px) rotate(45deg);}
.hd-burger[aria-expanded="true"] .bl:nth-child(2){opacity:0;}
.hd-burger[aria-expanded="true"] .bl:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
@media (max-width:920px){
  html{scroll-padding-top:76px;}
  .hd-cta{display:none;}
  .hd-burger{display:flex;}
  .hd-top{padding-bottom:12px;}
  .hd-nav,.hd-nav.fade-start,.hd-nav.fade-end,.hd-nav.fade-start.fade-end{
    display:none;flex-direction:column;gap:4px;
    padding:8px clamp(18px,4vw,44px) 16px;
    border-top:1px solid rgba(255,255,255,.08);
    -webkit-mask-image:none;mask-image:none;
  }
  /* panel nesmie pretiecť pod okraj displeja (telefón naležato) — scrolluje */
  .hd-nav.open{
    display:flex;overflow-y:auto;overscroll-behavior:contain;
    max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);
  }
  .hd-nav a{font-size:1rem;padding:12px 14px;flex:0 0 auto;}
  .hd-nav-cta{
    display:block;margin-top:8px;text-align:center;
    background:var(--btn);color:#FFFFFF;font-weight:700;
  }
  .hd-nav-cta:hover{background:var(--btn-hover);color:#FFFFFF;}
}
.skip{position:absolute;left:-9999px;top:0;z-index:30;background:var(--btn);color:#FFFFFF;font-weight:700;padding:12px 18px;border-radius:0 0 12px 0;text-decoration:none;}
.skip:focus{left:0;}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
.logo{font-size:1.1rem;font-weight:500;}
.logo b{font-weight:800;} .logo .tld{color:var(--amber);font-weight:700;}
.hd-cta{
  background:var(--btn);color:#FFFFFF;border:none;border-radius:999px;
  font-weight:700;font-size:.875rem;padding:10px 18px;cursor:pointer;text-decoration:none;
  transition:background .2s;
}
.hd-cta:hover{background:var(--btn-hover);}

footer{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;
  padding:22px clamp(18px,4vw,44px) 26px;
  font-size:.875rem;font-weight:500;color:var(--muted);text-align:center;
  border-top:1px solid rgba(255,255,255,.06);
}
footer b{color:var(--text);font-weight:600;}
footer a{color:var(--muted);} footer a:hover{color:var(--text);}


[hidden]{display:none!important} .logo{text-decoration:none} .hd-top{max-width:1160px;margin:auto} main:focus{outline:none} .hint{font-size:.8rem;color:var(--muted);line-height:1.5} footer{display:flex;flex-direction:column;gap:8px} .page-title{font-size:clamp(1.5rem,3.4vw,2.4rem);margin-bottom:24px} .page-title em{color:var(--amber);font-style:normal}