:root{
    --midnight:#0B1220;
    --teal:#00C2A8;
    --white:#F7F9FC;
    --graphite:#2B3445;
    --amber:#FFB020;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
    font-family: 'Arial', sans-serif;
    color:var(--graphite);
    background:var(--white);
    line-height:1.6;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
.container{width:90%;max-width:1200px;margin:0 auto;}
header{
    background:var(--midnight);
    color:var(--white);
    position:sticky;
    top:0;
    z-index:1000;
}
.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 0;
}
.logo{height:50px;}
nav ul{display:flex;gap:24px;list-style:none;}
nav a{color:var(--white);font-weight:600;}
nav a:hover{color:var(--teal);}
.burger{display:none;color:var(--white);font-size:28px;cursor:pointer;}
#nav-toggle{display:none;}
.mobile-menu{
    position:fixed;
    inset:0;
    background:var(--midnight);
    color:var(--white);
    display:none;
    flex-direction:column;
    padding:40px;
    z-index:999;
}
.mobile-menu ul{list-style:none;display:flex;flex-direction:column;gap:20px;font-size:20px;}
.mobile-menu a{color:var(--white);}
.close-menu{
    align-self:flex-end;
    font-size:28px;
    cursor:pointer;
    margin-bottom:30px;
}
#nav-toggle:checked ~ .mobile-menu{display:flex;}

.hero{
    background:linear-gradient(135deg, var(--midnight) 0%, #121c2f 60%, var(--graphite) 100%);
    color:var(--white);
    padding:80px 0;
}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;}
.hero h1{font-size:40px;margin-bottom:20px;}
.hero p{font-size:18px;max-width:640px;}
.btn{
    display:inline-block;
    background:var(--teal);
    color:var(--midnight);
    padding:12px 24px;
    border-radius:4px;
    font-weight:700;
    margin-top:20px;
}
.section{padding:70px 0;}
.section h2{font-size:30px;margin-bottom:20px;color:var(--midnight);}
.section p{margin-bottom:16px;}
.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
    gap:24px;
}
.card{
    background:var(--white);
    border:1px solid #dbe1ea;
    border-radius:8px;
    padding:22px;
    box-shadow:0 6px 18px rgba(11,18,32,0.06);
}
.card h3{margin-bottom:12px;color:var(--midnight);}
.badges{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:18px;
}
.badge{
    background:var(--amber);
    color:var(--midnight);
    padding:8px 12px;
    border-radius:20px;
    font-weight:700;
    font-size:14px;
}
.split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
}
.list{list-style:none;display:grid;gap:12px;}
.list li{
    padding-left:22px;
    position:relative;
}
.list li:before{
    content:"";
    width:8px;height:8px;
    background:var(--teal);
    border-radius:50%;
    position:absolute;left:0;top:8px;
}
.dark-section{
    background:var(--midnight);
    color:var(--white);
}
.dark-section h2{color:var(--white);}
.faq-item{
    border-bottom:1px solid #dbe1ea;
    padding:16px 0;
}
.faq-item h4{color:var(--midnight);margin-bottom:8px;}
.dark-section .faq-item h4{color:var(--white);}
.form-wrap{
    background:var(--white);
    border:1px solid #dbe1ea;
    padding:24px;
    border-radius:8px;
}
label{display:block;font-weight:600;margin-bottom:6px;}
input,textarea{
    width:100%;
    padding:10px;
    border:1px solid #cbd3df;
    border-radius:4px;
    margin-bottom:14px;
}
button{
    background:var(--teal);
    border:none;
    color:var(--midnight);
    padding:12px 22px;
    font-weight:700;
    border-radius:4px;
    cursor:pointer;
}
footer{
    background:var(--graphite);
    color:var(--white);
    padding:50px 0 20px;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr;
    gap:30px;
}
.footer-logo{height:100px;}
.footer-nav ul{list-style:none;display:grid;gap:10px;}
.footer-nav a{color:var(--white);}
.footer-bottom{
    margin-top:30px;
    border-top:1px solid #4a5568;
    padding-top:20px;
    font-size:14px;
}
.cookie-banner{
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:var(--midnight);
    color:var(--white);
    padding:16px 0;
    display:none;
    z-index:1001;
}
.cookie-inner{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;}
.cookie-inner p{max-width:820px;}
.cookie-inner a{color:var(--teal);}
@media(max-width:900px){
    .hero-grid{grid-template-columns:1fr;}
    .split{grid-template-columns:1fr;}
    nav ul{display:none;}
    .burger{display:block;}
    .footer-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
    .hero h1{font-size:30px;}
    .section h2{font-size:24px;}
    .cookie-inner{flex-direction:column;align-items:flex-start;}
}