*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#070b14;font-family:Inter,sans-serif;overflow-x:hidden}.container{min-height:100vh;position:relative}.bg-animation{z-index:-1;background:radial-gradient(circle at 20% 30%,#0ff3,#0000 25%),radial-gradient(circle at 80% 70%,#f0f3,#0000 25%),radial-gradient(circle,#0f83,#0000 25%);width:100%;height:100%;animation:10s infinite alternate moveBg;position:fixed}@keyframes moveBg{0%{transform:scale(1)}to{transform:scale(1.2)}}.hero{text-align:center;padding:140px 20px}.hero h1{margin-bottom:15px;font-size:4rem;font-weight:900}.hero span{background:linear-gradient(90deg,#0ff,#0f8,#0ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero h2{color:#0f8;margin-bottom:25px;font-size:2rem;font-style:italic}.hero p{max-width:700px;margin:auto;font-size:1.2rem;line-height:1.8}.buttons{margin-top:40px}.buttons a{color:#fff;background:linear-gradient(90deg,#00c6ff,#0072ff);border-radius:50px;margin:10px;padding:14px 30px;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block}.buttons a:hover{transform:translateY(-5px)}.skills{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:80px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:30px}.card h3{color:#0ff;margin-bottom:15px}.about{text-align:center;padding:100px 20px}.about h2{background:linear-gradient(90deg,#0ff,#0f8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:25px;font-size:3rem}.about p{max-width:800px;margin:auto;font-size:1.1rem;line-height:2}@media (width<=768px){.hero h1{font-size:2.8rem}.skills{padding:40px 20px}}