*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;scroll-behavior:smooth;background:#0a0a0a}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0009;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex;position:fixed;top:0}.navbar h2{color:#00f7ff}.navbar ul{gap:25px;list-style:none;display:flex}.navbar a{color:#fff;text-decoration:none;transition:all .3s}.navbar a:hover{color:#00f7ff}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.hero h1{max-width:800px;font-size:3rem}.glow{color:#00f7ff;text-shadow:0 0 10px #00f7ff,0 0 20px #00f7ff}.hero p{color:#aaa;margin-top:20px}section{text-align:center;padding:100px 60px}section h2{color:#00f7ff;margin-bottom:40px;font-size:2.5rem}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.card{background:#111;border-radius:15px;padding:30px;transition:all .3s}.card:hover{transform:translateY(-10px);box-shadow:0 0 20px #00f7ff33}.skills{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.skill{background:#111;border-radius:20px;padding:10px 20px}.contact input,.contact textarea{border:none;border-radius:8px;width:100%;max-width:500px;margin:10px auto;padding:12px;display:block}.contact button{cursor:pointer;background:#00f7ff;border:none;border-radius:25px;margin-top:10px;padding:12px 25px}.whatsapp{cursor:pointer;background:#25d366;border-radius:50%;padding:15px;position:fixed;bottom:20px;right:20px}@media (width<=768px){.navbar{padding:15px}.hero h1{font-size:2rem}}.hero{text-align:center;justify-content:center;align-items:flex-start;height:100vh;padding-top:120px;display:flex}.hero-top{max-width:900px}.hero h1{font-size:3.5rem;line-height:1.3}.gradient-text{background:linear-gradient(90deg,#00f7ff,#007cf0,#00f7ff);-webkit-text-fill-color:transparent;text-shadow:0 0 5px #007025,0 0 3px #023d75,0 0 2px #034749;-webkit-background-clip:text}.hero p{color:#aaa;margin-top:20px;font-size:1.2rem}.hero:before{content:"";filter:blur(100px);z-index:0;background:radial-gradient(circle,#00f7ff26,#0000 70%);width:600px;height:600px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.hero-top{z-index:1;position:relative}