:root{--bg:#f7f9fc;--card:#fff;--accent:#0072ff;--radius:12px;--sans:Inter,Roboto,Arial,sans-serif;}
*{box-sizing:border-box}
body{margin:0;font-family:var(--sans);background:var(--bg);color:#111;line-height:1.6;}
a{text-decoration:none;color:var(--accent);transition:0.2s;} a:hover{opacity:0.8;}
.container{max-width:1100px;margin:0 auto;padding:24px;}
.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
.nav-list{list-style:none;display:flex;gap:16px;margin:0;padding:0;}
.nav-list a{font-weight:600;}
.hero{background:linear-gradient(135deg,#00c6ff,#0072ff);color:#fff;border-radius:var(--radius);padding:40px;display:flex;flex-direction:column;gap:16px;}
.section{margin-top:32px;}
.card{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.footer{margin-top:40px;padding:20px 0;font-size:14px;color:#6b7280;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;flex-wrap:wrap;}
.cookie-banner{position:fixed;bottom:20px;right:20px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,0.15);display:none;max-width:400px;}
button{cursor:pointer;}
.fade-in{animation:fadeIn 0.8s ease forwards;}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);}100%{opacity:1;transform:translateY(0);}}