body{margin:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0f172a;font-family:Poppins,sans-serif;line-height:1.6}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172aeb;border-bottom:1px solid #38bdf826;justify-content:space-between;align-items:center;width:100%;padding:18px 8%;display:flex;position:fixed;top:0;left:0}.navbar h2{color:#38bdf8;letter-spacing:.3px;font-size:22px;font-weight:600}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#e2e8f0;letter-spacing:.2px;letter-spacing:.2px;font-size:15px;font-weight:400;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:#38bdf8;border-radius:10px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:#38bdf8}.nav-links a:hover:after{width:100%}.home{text-align:center;background:radial-gradient(circle at top,#38bdf81f,#0000 35%),linear-gradient(135deg,#0f172a,#172554);justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 60px;display:flex}.home-content{max-width:850px}.profile-image{object-fit:cover;border:4px solid #38bdf8;border-radius:50%;width:180px;height:180px;margin-bottom:25px;transition:transform .3s;box-shadow:0 0 25px #38bdf880,0 0 60px #38bdf826}.profile-image:hover{transform:scale(1.08)}.hello{color:#38bdf8;margin-bottom:5px;font-size:21px;font-weight:500}.home h1{letter-spacing:.2px;margin:10px 0;font-size:56px;font-weight:600;line-height:1.2}.home h2{color:#cbd5e1;letter-spacing:.5px;margin-bottom:15px;font-size:24px;font-weight:400}.role-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.role-tags span{color:#cbd5e1;background:#38bdf814;border:1px solid #38bdf84d;border-radius:25px;padding:8px 16px;font-size:13px;font-weight:400;transition:all .3s}.role-tags span:hover{color:#38bdf8;border-color:#38bdf8;transform:translateY(-3px)}.buttons{justify-content:center;gap:15px;margin-top:32px;display:flex}.btn{color:#0f172a;letter-spacing:.2px;background:#38bdf8;border-radius:30px;padding:13px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 5px 15px #38bdf826}.btn:hover{transform:translateY(-4px);box-shadow:0 12px 28px #38bdf84d}.btn.outline{color:#38bdf8;background:0 0;border:2px solid #38bdf8}.btn.outline:hover{color:#0f172a;background:#38bdf8}.section{min-height:70vh;padding:110px 8%}.section-title{text-align:center;color:#38bdf8;margin-bottom:50px;font-size:38px;font-weight:600}.about-box{text-align:center;background:#1e293bbf;border:1px solid #38bdf833;border-radius:20px;max-width:850px;margin:auto;padding:40px;line-height:1.9;transition:all .3s;box-shadow:0 15px 40px #0000002e}.about-box:hover{border-color:#38bdf880;transform:translateY(-5px);box-shadow:0 20px 45px #38bdf814}.about-box p{color:#cbd5e1;margin-bottom:15px;font-size:16px}.skills-container{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:auto;display:grid}.skill-card{text-align:center;color:#e2e8f0;background:#1e293bbf;border:1px solid #38bdf82e;border-radius:16px;padding:25px 20px;font-size:16px;font-weight:500;transition:all .3s}.skill-card:hover{color:#38bdf8;border-color:#38bdf8;transform:translateY(-8px);box-shadow:0 12px 30px #38bdf81f}.projects-container{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.project-card{background:#1e293bbf;border:1px solid #38bdf82e;border-radius:20px;padding:32px;transition:all .35s;box-shadow:0 10px 30px #0000001f}.project-card:hover{border-color:#38bdf8b3;transform:translateY(-10px);box-shadow:0 18px 40px #38bdf81f}.project-card h3{color:#38bdf8;margin-bottom:15px;font-size:21px;font-weight:600}.project-card p{color:#cbd5e1;margin-bottom:20px;font-size:15px;line-height:1.8}.project-card span{color:#94a3b8;background:#38bdf812;border-radius:20px;padding:6px 12px;font-size:13px;display:inline-block}.education-box{text-align:center;background:#1e293bbf;border:1px solid #38bdf833;border-radius:20px;max-width:850px;margin:auto;padding:40px;transition:all .3s;box-shadow:0 15px 40px #0000002e}.education-box:hover{border-color:#38bdf880;transform:translateY(-6px);box-shadow:0 20px 45px #38bdf81a}.education-box h3{color:#38bdf8;margin-bottom:15px;font-size:25px;font-weight:600}.education-box p{color:#cbd5e1;margin:8px;font-size:15px}.contact{text-align:center}.contact-info{color:#cbd5e1;background:#1e293bbf;border:1px solid #38bdf833;border-radius:18px;max-width:600px;margin:25px auto 30px;padding:25px;line-height:2.2;transition:all .3s}.contact-info:hover{border-color:#38bdf880;transform:translateY(-5px);box-shadow:0 15px 35px #38bdf814}.contact-info p{margin:5px 0}.contact>p{color:#cbd5e1;margin-bottom:25px;font-size:16px}.contact-info{color:#cbd5e1;margin-bottom:30px;line-height:2.2}footer{text-align:center;color:#64748b;letter-spacing:.3px;background:#020617;border-top:1px solid #38bdf81f;padding:28px 20px;font-size:13px}@media (width<=768px){.navbar{flex-direction:column;gap:12px;padding:15px 5%}.navbar h2{font-size:21px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px}.nav-links a{font-size:13px}.home{padding-top:160px}.profile-image{width:150px;height:150px}.home h1{font-size:40px}.home h2{font-size:22px}.role-tags{gap:8px}.role-tags span{padding:7px 12px;font-size:12px}.buttons{flex-direction:column;align-items:center}.btn{width:200px}.section{padding:80px 5%}.section-title{font-size:32px}.about-box,.education-box{padding:25px}.skills-container{grid-template-columns:repeat(2,1fr)}.projects-container{grid-template-columns:1fr}}.section{animation:.8s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}