/* ===== FONTY ===== */

@font-face{
font-family:'Inter';
src:url('/fonts/inter/Inter-Regular.woff2') format('woff2');
font-weight:400;
font-display:swap;
}

@font-face{
font-family:'Inter';
src:url('/fonts/inter/Inter-Medium.woff2') format('woff2');
font-weight:500;
font-display:swap;
}

@font-face{
font-family:'Inter';
src:url('/fonts/inter/Inter-SemiBold.woff2') format('woff2');
font-weight:600;
font-display:swap;
}

@font-face{
font-family:'Inter';
src:url('/fonts/inter/Inter-Bold.woff2') format('woff2');
font-weight:700;
font-display:swap;
}


/* ===== PREMENNÉ ===== */

:root{
--pozadie:#020617;
--oranzova:#f5a623;
}


/* ===== RESET ===== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:'Inter',system-ui,sans-serif;
background:var(--pozadie);
color:#fff;
overflow-x:hidden;
min-height:100vh;
-webkit-font-smoothing:antialiased;
}


/* ===== POZADIE ===== */

.pozadie{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-10;
overflow:hidden;
pointer-events:none;
}

.pozadie-gula-hore{
position:absolute;
top:0;
left:25%;
width:24rem;
height:24rem;
border-radius:50%;
background:rgba(245,166,35,.18);
filter:blur(90px);
}

.pozadie-gula-dole{
position:absolute;
bottom:0;
right:25%;
width:24rem;
height:24rem;
border-radius:50%;
background:rgba(245,166,35,.14);
filter:blur(90px);
}


/* ===== HEADER ===== */

.header{
position:fixed;
top:0;
left:0;
width:100%;
padding:16px calc((100% - 77rem)/2 + 24px);
z-index:50;
display:flex;
align-items:center;
justify-content:space-between;
background:rgba(2,6,23,.60);
backdrop-filter:blur(16px);
border-bottom:1px solid rgba(30,41,59,1);
}


/* ===== LOGO ===== */

.logo{
width:220px;
height:auto;
max-height:64px;
object-fit:contain;
display:block;
}


/* ===== MENU ===== */

.menu{
display:flex;
gap:24px;
}

.menu a{
font-size:14px;
text-decoration:none;
color:#94a3b8;
transition:.25s;
}

.menu a:hover{
color:#fff;
}


/* ===== MAIN ===== */

main{
padding-top:120px;
}


/* ===== STRÁNKA ===== */

.stranka{
width:100%;
max-width:77rem;
margin:auto;
padding:16px;
}


/* ===== TEXTY ===== */

.text-uvod-biele{
font-size:clamp(2.4rem,5vw,4rem);
font-weight:700;
line-height:1.12;
letter-spacing:-.03em;
text-align:center;
margin-bottom:10px;
}

.text-uvod-oranzove{
font-size:clamp(2.4rem,5vw,4rem);
font-weight:700;
line-height:1.12;
letter-spacing:-.03em;
color:var(--oranzova);
text-align:center;
margin-bottom:28px;
}

.text-uvod-normal{
font-size:18px;
line-height:1.85;
color:#94a3b8;
text-align:center;
max-width:700px;
margin:0 auto 20px;
}

.nadpis-velky{
font-size:32px;
font-weight:700;
line-height:1.25;
letter-spacing:-.02em;
text-align:center;
margin-bottom:12px;
}

.nadpis-maly{
font-size:20px;
font-weight:600;
line-height:1.45;
letter-spacing:-.01em;
margin-bottom:12px;
}

.text-normal{
font-size:16px;
line-height:1.85;
color:#94a3b8;
margin-bottom:20px;
text-align:justify;
hyphens:auto;
}

.text-bold{
font-weight:700;
}

.text-italic{
font-style:italic;
}


/* ===== BUTTONY ===== */

.button-oranzovy{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:64px;
padding:0 32px;
background:var(--oranzova);
border-radius:18px;
color:#020617;
text-decoration:none;
font-size:20px;
font-weight:600;
box-shadow:0 10px 30px rgba(245,166,35,.25);
transition:.25s;
}

.button-oranzovy:hover{
transform:translateY(-2px);
background:#ffb938;
}

.button-tmavy{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:64px;
padding:0 32px;
background:rgba(15,23,42,.65);
border:1px solid rgba(30,41,59,1);
border-radius:18px;
color:#fff;
text-decoration:none;
font-size:20px;
font-weight:600;
backdrop-filter:blur(16px);
transition:.25s;
}

.button-tmavy:hover{
transform:translateY(-2px);
background:rgba(30,41,59,.90);
}


/* ===== FOOTER ===== */

.footer{
margin-top:40px;
padding:40px calc((100% - 77rem)/2 + 24px);
text-align:center;
font-size:14px;
line-height:1.8;
color:#94a3b8;
border-top:1px solid rgba(30,41,59,1);
}





/* ===== KONTAKT ===== */

.kontakt{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
margin-top:40px;
}

.kontakt-mapa{
grid-column:1/3;
}

.kontakt-blok{
padding:32px;
background:rgba(15,23,42,.65);
border:1px solid rgba(30,41,59,1);
border-radius:18px;
backdrop-filter:blur(16px);
text-align:center;
transition:.25s;
}

.kontakt-blok:hover{
transform:translateY(-2px);
background:rgba(30,41,59,.90);
}

.kontakt-text-bold{
font-size:20px;
font-weight:700;
line-height:1.6;
color:#fff;
text-align:center;
margin-bottom:12px;
}

.kontakt-text-normal{
font-size:16px;
line-height:1.85;
color:#94a3b8;
text-align:center;
}

.kontakt-mapa{
grid-column:1/3;
padding:0;
overflow:hidden;
height:320px;
}

.kontakt-mapa iframe{
width:100%;
height:320px;
border:0;
display:block;
filter:grayscale(.2) contrast(1.05);
}



@media(max-width:768px){

.kontakt{
grid-template-columns:1fr;
}

}






/* ===== MOBIL ===== */

@media(max-width:1200px){

.header,.footer{
padding:16px 24px;
}

}

@media(max-width:768px){

.header{
flex-direction:column;
gap:16px;
}

.logo{
width:200px;
height:auto;
max-height:56px;
}

.menu{
flex-wrap:wrap;
justify-content:center;
}

main{
padding-top:125px;
}

.button-oranzovy,
.button-tmavy{
width:100%;
font-size:16px;
padding:16px;
}

@media(max-width:768px){

.kontakt{
grid-template-columns:1fr;
}

.kontakt-mapa{
grid-column:auto;
height:260px;
}

.kontakt-mapa iframe{
height:260px;
}



}