body{margin:0;background:#0f172a;color:white;font-family:'Segoe UI',sans-serif;min-height:100vh}
h1{font-size:4.8rem;background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;line-height:1.1}
.hero{text-align:center;padding:120px 20px 80px}
.tagline{font-size:1.9rem;opacity:0.9;margin:24px 0}
.byline{opacity:0.7;font-size:1.1rem}
.counter{font-size:3rem;margin:70px 0;font-weight:600}
.number{font-size:5.5rem;color:#60a5fa;font-weight:bold}
.buttons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin:60px 0}
.btn{padding:20px 44px;border-radius:16px;text-decoration:none;font-weight:700;font-size:1.25rem;transition:all .3s}
.primary{background:#3b82f6;color:white}
.secondary{background:#6d28d9;color:white}
.outline{border:3px solid #93c5fd;color:#93c5fd}
.outline:hover{background:#93c5fd;color:#0f172a}
.mission{max-width:1100px;margin:0 auto;padding:40px 20px;text-align:center}
.mission h2{font-size:2.8rem;margin-bottom:32px}
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-top:70px}
.pillar{background:rgba(255,255,255,0.1);padding:36px;border-radius:18px;backdrop-filter:blur(12px);font-size:1.3rem}
footer{text-align:center;padding:100px 20px;opacity:0.7;font-size:1.1rem}
a{color:inherit;text-decoration:none}
@media(max-width:768px){h1{font-size:3.2rem}.number{font-size:3.8rem}}