html{scroll-behavior:smooth}*{box-sizing:border-box}body{color:#fff;background:radial-gradient(circle at 20% 20%,#00e5ff0f,#0000 50%),radial-gradient(circle at 80% 30%,#00ffa30a,#0000 55%),#050505;margin:0;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,#00e5ff0a,#0000 65%),radial-gradient(circle at 70% 60%,#00ffa308,#0000 70%);position:fixed;inset:0}.section{z-index:1;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;max-width:1100px;margin:auto;padding:70px 20px;position:relative}h1,h2{letter-spacing:.5px;margin-bottom:18px}h1{font-size:48px}h2{font-size:34px}p{color:#ffffffbf;max-width:700px;line-height:1.7}.btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#00e5ff,#00ffa3);border:none;border-radius:12px;padding:12px 22px;font-weight:700;transition:all .25s;box-shadow:0 0 15px #00e5ff26}.btn:hover{transform:translateY(-3px);box-shadow:0 0 25px #00e5ff40}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:22px;transition:all .25s}.card:hover{border-color:#00e5ff40;transform:translateY(-6px);box-shadow:0 0 18px #00e5ff1f}.card:hover:before{opacity:0}.grid{gap:18px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.navbar div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.navbar a{color:#fff;opacity:.7;font-size:14px;text-decoration:none;transition:all .2s}.navbar a:hover{opacity:1;color:#00e5ff}.hero{align-items:center;min-height:90vh;padding:40px 20px;display:flex;position:relative}.hero:before{content:"";z-index:1;background:#000000c7;position:absolute;inset:0}.hero-content{z-index:2;position:relative}img{border-radius:12px;width:100%}@media (width<=900px){h1{font-size:38px}h2{font-size:28px}.section{padding:60px 16px}}@media (width<=600px){h1{font-size:30px}h2{font-size:24px}.section{padding:50px 14px}.navbar{flex-direction:column;align-items:flex-start;gap:10px}.btn{width:100%}}