/* Congressa - glam.css
   „Galavečer“: hlboká kráľovská modrá, oranžové svetlo reflektorov (farba „C“ z ikony),
   sklenené karty a pätkové nadpisy (systémové písma, bez Google Fonts).
   Načítava sa po vnútornom <style> na všetkých stránkach a prepisuje jeho farby. */

:root{
  --ink:#eef1fb; --muted:#a9b2d6; --soft:#8a93bb;
  --brand:#aeb9ff; --brand2:#3f5ea7; --brand-deep:#0B0E9D;
  --bg:#05061a; --card:rgba(255,255,255,.045); --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.18);
  --accent:#ff9a3c; --accent-2:#ffb866;
  --grad:linear-gradient(100deg,#ffc27a 0%,#ff9a3c 35%,#b9a6ff 72%,#8ea2ff 100%);
  --serif:"New York","Iowan Old Style",ui-serif,"Palatino Linotype",Palatino,Georgia,serif;
  color-scheme:dark;
}

html{background:var(--bg);}
body{
  color:var(--ink)!important;
  background:
    radial-gradient(900px 600px at 80% -10%, rgba(255,154,60,.16), transparent 60%),
    radial-gradient(1100px 760px at 8% 0%, rgba(11,14,157,.55), transparent 62%),
    radial-gradient(1200px 900px at 50% 120%, rgba(63,94,167,.25), transparent 60%),
    var(--bg)!important;
  background-attachment:fixed!important;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
header,main,section,footer,.hero{position:relative;z-index:1;}
::selection{background:rgba(255,154,60,.35);color:#fff;}
a{color:var(--brand);}
a:hover{color:var(--accent-2);}

/* ---------- Hlavička ---------- */
header{background:rgba(5,6,26,.62)!important;border-bottom:1px solid var(--line)!important;
  -webkit-backdrop-filter:saturate(170%) blur(16px);backdrop-filter:saturate(170%) blur(16px);}
.nav b{font-family:var(--serif);font-weight:600;font-size:20px!important;color:#fff;}
.nav img{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 6px 18px rgba(0,0,0,.5);}
.nav a{color:#dfe4f8!important;}
.nav a:hover{color:var(--accent-2)!important;}
.lang{background:rgba(255,255,255,.06)!important;border:1px solid var(--line-2)!important;color:#fff!important;font-weight:600;letter-spacing:.06em;}
.lang:hover{background:rgba(255,255,255,.14)!important;}

/* ---------- Hero (úvod a organizátor) ---------- */
.hero{padding-top:84px!important;padding-bottom:56px!important;}
.hero::before{
  content:"";position:absolute;inset:-10% -20% auto -20%;height:130%;pointer-events:none;z-index:-1;
  background:
    radial-gradient(420px 300px at 70% 30%, rgba(255,154,60,.22), transparent 70%),
    radial-gradient(520px 340px at 25% 40%, rgba(80,96,255,.25), transparent 70%);
  filter:blur(20px);animation:spot 12s ease-in-out infinite alternate;
}
@keyframes spot{from{transform:translateX(-2%) scale(1);opacity:.8;}to{transform:translateX(3%) scale(1.06);opacity:1;}}
@media (prefers-reduced-motion:reduce){.hero::before{animation:none;}}
h1{
  font-family:var(--serif)!important;font-weight:600!important;letter-spacing:-.015em!important;color:#fff;
}
.hero h1{
  font-size:clamp(38px,5.6vw,64px)!important;line-height:1.04!important;
  background:linear-gradient(180deg,#ffffff 40%,#ffd9b0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.lead{color:#c9d0ee!important;font-weight:300;}
.badge,.tag{background:rgba(255,154,60,.14)!important;color:var(--accent-2)!important;border:1px solid rgba(255,154,60,.30);letter-spacing:.06em;}
.path .tag{background:rgba(174,185,255,.12)!important;color:var(--brand)!important;border-color:rgba(174,185,255,.28);}
.path.b .tag,.b .tag{background:rgba(255,154,60,.14)!important;color:var(--accent-2)!important;border-color:rgba(255,154,60,.30);}

/* Ukážka telefónu */
.phone{
  background:linear-gradient(160deg,rgba(63,94,167,.85),rgba(11,14,157,.92))!important;
  border:1px solid rgba(255,255,255,.18);border-radius:32px!important;
  box-shadow:0 0 0 8px rgba(255,255,255,.03),0 40px 90px rgba(0,0,0,.6),0 0 120px rgba(80,96,255,.30)!important;
}
.phone h3{font-family:var(--serif);}
.row.live,.live{background:linear-gradient(135deg,#ffe0b8,#ffb866)!important;color:#2a1600!important;}
.row.live .k{background:#2a1600!important;color:#ffd5a1!important;}

/* ---------- Tlačidlá ---------- */
.btn{
  background:linear-gradient(135deg,#ffc27a,#ff9a3c 55%,#f07f1f)!important;color:#221100!important;font-weight:700!important;border:0!important;
  box-shadow:0 12px 32px rgba(255,154,60,.30),inset 0 1px 0 rgba(255,255,255,.5)!important;transition:transform .2s ease,box-shadow .2s ease;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(255,154,60,.40),inset 0 1px 0 rgba(255,255,255,.55)!important;color:#221100!important;}
.btn.sec{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid var(--line-2)!important;box-shadow:none!important;backdrop-filter:blur(8px);}
.btn.sec:hover{background:rgba(255,255,255,.13)!important;color:#fff!important;}
.dl a{background:rgba(255,255,255,.06)!important;border:1px solid var(--line-2)!important;color:#fff!important;}
.dl a:hover{background:rgba(255,255,255,.13)!important;}
#cta-as img,#cta-gp img,.badges img,.stores img{filter:drop-shadow(0 8px 20px rgba(0,0,0,.45));}

/* ---------- Typografia sekcií ---------- */
h2{font-family:var(--serif)!important;font-weight:600!important;color:#fff;font-size:clamp(28px,4vw,42px)!important;letter-spacing:-.01em!important;line-height:1.12;}
h3{color:#fff;}
.sub,p{color:var(--muted);}
.muted,.small{color:var(--soft)!important;}
b,strong,.big b{color:#fff!important;}

/* ---------- Karty ---------- */
.card,.step,.path,.faq details,details,table,.note{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border:1px solid var(--line)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 50px rgba(0,0,0,.30)!important;
}
.card,.step,.path{border-radius:22px!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.card:hover,.step:hover,.path:hover{transform:translateY(-3px);border-color:rgba(255,154,60,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 60px rgba(0,0,0,.40),0 0 50px rgba(255,154,60,.10)!important;}
.card .ic{background:linear-gradient(150deg,rgba(255,154,60,.20),rgba(120,130,255,.20))!important;border:1px solid var(--line-2);}
.card h3,.path h3{color:#fff!important;font-family:var(--serif);font-weight:600;}
.card p{color:var(--muted)!important;}
.step:before{background:linear-gradient(135deg,#ffc27a,#ff9a3c)!important;color:#221100!important;box-shadow:0 0 20px rgba(255,154,60,.45);}
.note{border-color:rgba(255,154,60,.30)!important;color:#f3e6d6!important;}
.ai{background:
    radial-gradient(500px 260px at 85% 0%, rgba(255,154,60,.22), transparent 70%),
    linear-gradient(135deg,#0B0E9D,#141a63)!important;
  border:1px solid var(--line-2);box-shadow:0 30px 80px rgba(0,0,0,.45);}
.ai .grid .card{background:rgba(255,255,255,.06)!important;}

/* Tabuľky */
table{border-radius:16px!important;}
th{background:rgba(255,255,255,.06)!important;color:var(--accent-2)!important;}
th,td{border-bottom:1px solid var(--line)!important;color:#e5e9f8;}
code{background:rgba(255,255,255,.08)!important;color:#ffe2c2!important;}
summary{color:#fff;}
summary::marker{color:var(--accent);}

/* Jednoduché stránky (support, súkromie, pravidlá, open, app) */
body > h1:first-of-type,main h1{font-size:clamp(28px,4vw,38px);}
details{border-radius:14px!important;}
.top b{font-family:var(--serif);color:#fff;}
.top img,img.icon{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 14px 34px rgba(0,0,0,.55)!important;}

/* Pätička */
footer{border-top:1px solid var(--line)!important;color:var(--soft)!important;}
footer a{color:#dfe4f8!important;}

/* Jemné objavovanie pri rolovaní */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .card,.step,.path{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%;}
  }
}
@keyframes rise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
@media (max-width:820px){body{background-attachment:scroll!important;}.hero{padding-top:44px!important;}}
