<style>
:root{
--primary:#0b1220;
--accent:#38bdf8;
--accent2:#7dd3fc;
--glass:rgba(255,255,255,0.06);
--border:rgba(255,255,255,0.12);
--text:#e6edf3;
}

/* global */
body{
margin:0;
font-family:Inter,Segoe UI,system-ui,sans-serif;
background:#020617;
color:var(--text);
line-height:1.6;
}

/* HERO */
.hero{
background:
linear-gradient(rgba(2,6,23,.85),rgba(2,6,23,.85)),
url('https://images.unsplash.com/photo-1581091870627-3c2d5f3d8f87?auto=format&fit=crop&w=1800&q=80');
background-size:cover;
background-position:center;
padding:140px 20px;
text-align:center;
}

.hero h1{
font-size:clamp(34px,5vw,52px);
font-weight:800;
letter-spacing:-0.5px;
margin-bottom:16px;
}

.hero p{
font-size:clamp(18px,2.5vw,22px);
opacity:.85;
margin-bottom:40px;
}

/* przycisk premium */
.btn{
display:inline-block;
padding:15px 34px;
border-radius:12px;
font-weight:600;
text-decoration:none;
background:linear-gradient(135deg,var(--accent),var(--accent2));
color:#001018;
box-shadow:0 10px 30px rgba(56,189,248,.4);
transition:.35s;
}

.btn:hover{
transform:translateY(-3px);
box-shadow:0 16px 40px rgba(56,189,248,.7);
}

/* sekcja */
.section{
padding:90px 20px;
text-align:center;
max-width:1200px;
margin:auto;
}

.section h2{
font-size:34px;
margin-bottom:60px;
font-weight:700;
}

/* grid */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:28px;
}

/* karta premium */
.card{
background:var(--glass);
backdrop-filter:blur(16px);
border:1px solid var(--border);
padding:36px 28px;
border-radius:16px;
transition:.35s;
}

.card:hover{
transform:translateY(-8px);
border-color:rgba(125,211,252,.5);
box-shadow:0 20px 50px rgba(0,0,0,.5);
}

.card img{
width:60px;
margin-bottom:18px;
filter:brightness(1.2);
}

.card h3{
font-size:20px;
margin-bottom:10px;
}

.card p{
opacity:.8;
font-size:15px;
}

/* sekcja ciemna */
.dark-section{
background:linear-gradient(180deg,#020617,#0b1220);
border-top:1px solid rgba(255,255,255,.06);
border-bottom:1px solid rgba(255,255,255,.06);
}

/* kontakt */
#kontakt p{
font-size:18px;
margin:6px 0;
}

/* footer */
.footer{
background:#020617;
border-top:1px solid rgba(255,255,255,.06);
padding:40px 20px;
text-align:center;
font-size:14px;
opacity:.7;
}
</style>