:root{--bg:#07111f;--card:rgba(255,255,255,.06);--blue:#2bb8ff;--gold:#ffbf47}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:#fff;overflow-x:hidden}
body:before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(43,184,255,.18),transparent 35%),radial-gradient(circle at 80% 80%,rgba(255,191,71,.12),transparent 30%);z-index:-2}
nav{position:fixed;top:0;width:100%;padding:16px 7%;display:flex;justify-content:space-between;align-items:center;background:rgba(7,17,31,.7);backdrop-filter:blur(12px);z-index:99}
nav img{height:44px}nav ul{display:flex;gap:22px;list-style:none}nav a{color:#fff;text-decoration:none}
.hero{min-height:100vh;padding:120px 7% 60px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}
.badge{display:inline-block;padding:8px 16px;border:1px solid var(--blue);border-radius:999px;color:#7dd3fc;background:rgba(43,184,255,.08)}
h1{font-size:64px;line-height:1.05;margin:18px 0}h1 span{background:linear-gradient(90deg,var(--blue),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
p{line-height:1.8;color:#cbd5e1}.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid var(--blue);color:#7dd3fc}
.photo{position:relative;display:flex;justify-content:center}.photo img{width:100%;max-width:430px;border-radius:28px;border:2px solid rgba(43,184,255,.4);box-shadow:0 30px 70px rgba(43,184,255,.25)}.float{position:absolute;bottom:20px;right:-10px;background:#0f172a;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1)}
section{padding:90px 7%}.title{font-size:38px;margin-bottom:10px}.sub{color:#94a3b8;margin-bottom:34px}
.card{background:var(--card);border:1px solid rgba(255,255,255,.08);padding:24px;border-radius:22px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.timeline .item{background:rgba(255,255,255,.04);border-left:3px solid var(--blue);padding:22px;border-radius:0 18px 18px 0;margin-bottom:18px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.stat{background:var(--card);padding:20px;border-radius:18px;text-align:center}.stat h3{color:var(--blue);font-size:32px}
.social{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.social a{display:flex;align-items:center;gap:10px;background:var(--card);padding:16px;border-radius:16px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.08)}footer{text-align:center;padding:30px;color:#94a3b8;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){nav ul{display:none}.hero{grid-template-columns:1fr;text-align:center}.photo{order:-1}h1{font-size:44px}.btns{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}}