body {background:#0a0a0f;color:#e5e7eb;font-family:'Inter','Montserrat',system-ui,sans-serif;margin:0;padding:0;overflow-x:hidden;}
.hero {min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 30% 20%,rgba(120,119,198,.3),transparent 50%),linear-gradient(180deg,rgba(10,10,15,1),rgba(10,10,15,0.9));}
.hero-content h1 {font-size:clamp(48px,8vw,96px);font-weight:800;letter-spacing:-0.02em;margin-bottom:16px;}
.hero-content .tagline {font-size:clamp(18px,2vw,24px);font-weight:400;color:#9ca3af;margin-bottom:40px;}
.cta {background:linear-gradient(90deg,#3b82f6,#06b6d4);padding:16px 40px;border-radius:999px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s;}
.cta:hover {transform:scale(1.05);filter:brightness(1.2);}
.section {padding:120px 24px;}
.container {max-width:1200px;margin:0 auto;}
.section h2 {font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:32px;letter-spacing:-0.02em;}
.about p {max-width:700px;font-size:18px;line-height:1.6;color:#d1d5db;}
.cards {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;}
.card {background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:20px;backdrop-filter:blur(20px);padding:32px;transition:all .3s;}
.card:hover {transform:translateY(-8px) scale(1.02);box-shadow:0 12px 24px rgba(0,0,0,0.3);}
.card img {width:100%;border-radius:12px;margin-bottom:20px;}
.card h3 {font-size:24px;font-weight:600;margin-bottom:12px;}
.card p {color:#9ca3af;font-size:16px;line-height:1.5;}
.footer {padding:60px 24px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;}
.footer .socials {margin-top:16px;display:flex;justify-content:center;gap:24px;}
.footer a {color:#9ca3af;transition:color .3s;}
.footer a:hover {color:#3b82f6;}
[data-animate] {opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease;}
[data-animate].visible {opacity:1;transform:translateY(0);}
@media(max-width:768px){.section{padding:80px 16px;}.hero-content h1{font-size:clamp(36px,10vw,72px);} .cta{padding:14px 32px;}}