*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0f172a;font-family:Arial,sans-serif}body:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 20%,#3b82f640,#0000 35%),radial-gradient(circle at 80% 30%,#8b5cf62e,#0000 35%),radial-gradient(circle at 50% 80%,#2563eb1f,#0000 40%);animation:12s ease-in-out infinite alternate glowMove;position:fixed;inset:0}@keyframes glowMove{0%{transform:translateY(-20px)}to{transform:translateY(20px)}}html{scroll-behavior:smooth}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0f172acc;justify-content:space-between;align-items:center;padding:20px 60px;display:flex;position:sticky;top:0}.nav-links a{color:#fff;margin-left:20px;text-decoration:none}.hero{text-align:center;padding:120px 20px}.hero h1{margin-bottom:20px;font-size:56px}.hero h3{color:#60a5fa;margin-bottom:20px}.hero p{color:#cbd5e1;max-width:700px;margin:auto}.hero-buttons{margin-top:30px}.btn{color:#fff;background:#2563eb;border-radius:10px;margin:10px;padding:14px 28px;text-decoration:none;transition:all .3s;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb59}.btn-outline{background:0 0;border:1px solid #60a5fa}.section{padding:80px 60px}.section h2{margin-bottom:30px;font-size:36px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card,.project-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border-radius:16px;padding:24px;transition:all .3s}.project-card:hover{box-shadow:0 20px 40px #60a5fa40}.project-card h3{margin-bottom:10px}.project-card a{color:#60a5fa;margin-top:12px;font-weight:700;text-decoration:none;display:inline-block}.project-card a:hover{text-decoration:underline}.hero-content{justify-content:center;align-items:center;gap:60px;max-width:1200px;margin:auto;display:flex}.hero-text{text-align:left;flex:1}.hero-text h1{margin:20px 0;font-size:64px;line-height:1.1}.hero-text h1 span{color:#60a5fa}.typing{color:#60a5fa;min-height:32px;margin-bottom:20px;font-size:28px}.tag{color:#60a5fa;background:#60a5fa26;border-radius:999px;padding:8px 16px;font-size:14px;display:inline-block}.hero-image img{object-fit:cover;border:4px solid #60a5fa66;border-radius:50%;width:320px;height:320px;box-shadow:0 0 40px #60a5fa4d}.social-links{gap:20px;margin-top:20px;display:flex}.social-links a{color:#60a5fa;font-weight:600;text-decoration:none;transition:color .2s}.social-links a:hover{color:#fff}@media (width<=900px){.hero-content{text-align:center;flex-direction:column-reverse}.hero-text{text-align:center}.hero-text h1{font-size:44px}.hero-image img{width:220px;height:220px}}@media (width<=768px){.navbar{flex-direction:column;padding:20px}.hero h1{font-size:40px}.section{padding:60px 20px}}