*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:linear-gradient(135deg,#0f172a,#1e293b,#0f2027,#203a43,#2c5364) 0 0/300% 300%;font-family:Poppins,sans-serif;animation:12s infinite gradientMove}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}body{letter-spacing:.3px;padding:20px}.section-heading{color:#60a5fa;margin-bottom:20px;font-size:1.8rem;font-weight:600}p{color:#cbd5f5}.hero-section{text-align:center;padding:100px 20px}.hero-title{background:linear-gradient(90deg,#60a5fa,#34d399);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #60a5fa66;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:3rem}.hero-subtitle{color:#cbd5f5}.section-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;max-width:900px;margin:40px auto;padding:40px;transition:all .3s;animation:.6s fadeUp;box-shadow:0 8px 40px #0006}.section-card:hover{transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s;overflow:hidden}.project-card:hover{border-color:#34d399;transform:translateY(-10px)scale(1.03);box-shadow:0 10px 30px #00000080}.tech-badge{color:#34d399;background:#34d3991a;border-radius:20px;margin:10px 0;padding:4px 10px;font-size:.8rem;display:inline-block}.contact-form input,.contact-form textarea{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:8px;padding:12px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#cbd5f5}.send-btn{color:#0f172a;cursor:pointer;background:linear-gradient(90deg,#60a5fa,#34d399);border:none;border-radius:8px;padding:12px;font-weight:700;transition:all .3s}.send-btn:hover{opacity:.9}.navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;flex-wrap:wrap;justify-content:center;gap:30px;max-width:500px;margin:0 auto 40px;padding:12px 25px;display:flex;position:sticky;top:20px;box-shadow:0 4px 20px #0000004d}.navbar a{color:#cbd5f5;font-weight:500;text-decoration:none;position:relative}.navbar a:after{content:"";background:#34d399;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}.navbar a:hover:after{width:100%}.social-links{justify-content:center;gap:20px;margin-top:20px;display:flex}.social-links a{color:#cbd5f5;font-weight:500;text-decoration:none;transition:all .3s}.social-links a:hover{color:#34d399}.contact-container{grid-template-columns:1fr 1fr;gap:30px;margin-top:20px;display:grid}.contact-info h3{color:#34d399;margin-bottom:10px}.contact-info p{color:#cbd5f5;margin-bottom:15px}.contact-details a{color:#60a5fa;text-decoration:none}.contact-details a:hover{text-decoration:underline}.contact-form{flex-direction:column;gap:15px;display:flex}@media (width<=768px){.contact-container{grid-template-columns:1fr}}.hero-btn{color:#0f172a;background:linear-gradient(90deg,#60a5fa,#34d399);border-radius:30px;margin-top:20px;padding:12px 25px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #34d3994d}.hero-btn:hover{transform:scale(1.05)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;display:flex}.secondary-btn{color:#0f172a;background:linear-gradient(90deg,#60a5fa,#34d399);border-radius:30px;margin-top:20px;padding:12px 25px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 20px #34d3994d}.secondary-btn:hover{transform:scale(1.05)}.project-img{border-radius:10px;width:100%;margin-bottom:10px;transition:all .4s}.project-card:hover .project-img{transform:scale(1.08)}.project-icons{color:#60a5fa;margin-bottom:10px;font-size:1.5rem}.footer{text-align:center;color:#94a3b8;padding:30px 20px}.project-card{color:inherit;text-decoration:none;transition:all .3s}.project-card:hover{transform:translateY(-8px)}.project-img{object-fit:cover;border-radius:14px;width:100%;height:220px;margin-bottom:15px}