*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}.navbar{color:#fff;z-index:1000;background-color:#0f172a;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 60px;display:flex;position:sticky;top:0}.logo{font-size:30px;font-weight:700}.nav-links{gap:35px;list-style:none;display:flex}.nav-links a{color:#fff;font-size:25px;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#38bdf8}.menu-icon{cursor:pointer;font-size:28px;display:none}@media (width<=992px){.navbar{padding:0 25px}.menu-icon{display:block}.nav-links{background:#0f172a;flex-direction:column;align-items:center;gap:25px;width:100%;padding:30px 0;transition:all .3s;display:flex;position:absolute;top:70px;left:-100%}.nav-links.active{left:0}.nav-links a{font-size:22px}}.hero{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;min-height:90vh;padding:60px;display:flex}.hero-content{width:55%}.hero-content h3{margin-bottom:10px;font-size:34px}.hero-content h1{margin-bottom:15px;font-size:70px}.social-icons{gap:20px;margin-top:35px;margin-left:15px;display:flex}.hero-actions{flex-direction:column;align-items:flex-start;gap:25px;display:flex}.social-icons svg{cursor:pointer;transition:all .3s}.social-icons svg:hover{color:#38bdf8;transform:translateY(-3px)}.hero-content h2{color:#38bdf8;margin-bottom:20px;font-size:50px}.hero-content p{margin-bottom:35px;font-size:38px;line-height:1.7}.hero-buttons{gap:20px;display:flex}.hero-buttons button{cursor:pointer;border:none;border-radius:6px;padding:14px 28px;font-size:16px}.hero-image{width:auto;height:auto;box-shadow:none;border:none;border-radius:0;margin-left:40px;overflow:visible}.hero-image img{object-fit:contain;width:400px;height:auto}.hero-content,.hero-image{transform:translateY(-100px)}@media (width<=992px){.hero{text-align:center;flex-direction:column;justify-content:center;gap:50px;min-height:auto;padding:80px 30px}.hero-content,.hero-image{width:100%;transform:none}.hero-content h1{font-size:52px}.hero-content h2{font-size:34px}.hero-content h3{font-size:28px}.hero-content p{font-size:22px}.hero-buttons{justify-content:center}.social-icons{justify-content:center;margin-left:0}.hero-image{margin-left:0}.hero-image img{width:300px}.hero-actions{align-items:center}}@media (width<=576px){.hero{padding:60px 20px}.hero-content h1{font-size:38px}.hero-content h2{font-size:26px}.hero-content h3{font-size:22px}.hero-content p{font-size:18px}.hero-buttons{justify-content:center}.hero-buttons button,.hero-image img{width:220px}.social-icons{justify-content:center}.hero-actions{align-items:center}}.about{background:#0f172a;flex-direction:column;justify-content:center;min-height:100vh;padding:80px 10%;display:flex}.about h2{text-align:center;color:#c8ade5;margin-bottom:50px;font-size:42px;position:relative}.about h2:after{content:"";background:#db9de3;border-radius:10px;width:80px;height:4px;margin:12px auto 0;display:block}.about-content{max-width:1000px;margin:0 auto}.about-text p{color:#bfc4ec;text-align:justify;margin-bottom:22px;font-size:18px;line-height:1.9}.about-text strong{color:#d7cfe9}@media (width<=992px){.about-container{text-align:center;flex-direction:column}.about-image img{width:280px}.about-content{width:100%}}@media (width<=576px){.about{padding:60px 20px}.about h2{font-size:34px}.about-content h3{font-size:28px}.about-content p{font-size:17px}.about-image img{width:220px}}.skills{background:#f8fafc;min-height:100vh;padding:80px 8%}.skills h2{text-align:center;color:#0f172a;margin-top:30px;margin-bottom:60px;font-size:52px}.skills-container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:30px;display:grid}.skills h2:after{content:"";background:#3a4a51;border-radius:10px;width:180px;height:4px;margin:12px auto 0;display:block}.skill-card{cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;transition:all .3s;display:flex;box-shadow:0 5px 15px #00000014}.skill-card:hover{transform:translateY(-10px);box-shadow:0 12px 25px #00000026}.skill-icon{color:#38bdf8;margin-bottom:20px;font-size:55px}.skill-card h3{color:#333;text-align:center;font-size:18px}@media (width<=576px){.skills{padding:60px 20px}.skills h2{font-size:34px}.skill-card{padding:18px}}.projects{color:#fff;background:#0f172a;min-height:100vh;padding:80px 8%}.projects h2{text-align:center;margin-bottom:60px;font-size:52px;position:relative}.projects h2:after{content:"";background:#38bdf8;border-radius:10px;width:100px;height:4px;margin:12px auto 0;display:block}.project-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.project-card{background:#1e293b;border:1px solid #0000;border-radius:15px;padding:25px;transition:all .3s}.project-card:hover{border:1px solid #38bdf8;transform:translateY(-10px);box-shadow:0 10px 25px #38bdf833}.project-card h3{color:#5cb3d8;margin-bottom:12px;font-size:30px}.project-card p{color:#cbd5e1;margin-bottom:10px;line-height:1.6}.tech{color:#94a3b8;margin-bottom:15px;font-size:14px}.buttons{gap:12px;display:flex}.buttons button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px;transition:all .3s}.buttons button:first-child{color:#fff;background:#334155}.buttons button:first-child:hover{background:#475569}.buttons button:last-child{color:#fff;background:#768489}.buttons button:last-child:hover{background:#0ea5e9}@media (width<=576px){.projects{padding:60px 20px}.projects h2{font-size:34px}.buttons{flex-direction:column}.buttons button{width:100%}}.experience{background:#f8fafc;min-height:100vh;padding:80px 8%}.experience h2{text-align:center;color:#0f172a;margin-bottom:60px;font-size:42px;position:relative}.experience h2:after{content:"";background:#6f2c6f;border-radius:10px;width:100px;height:4px;margin:12px auto 0;display:block}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";background:#5f3271;width:2px;height:100%;position:absolute;top:0;left:20px}.timeline-item{margin-bottom:40px;padding-left:60px;position:relative}.timeline-item:before{content:"";background:#733a6c;border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:12px}.timeline-content{background:#ae8fba;border-radius:12px;padding:20px;font-size:20px;transition:all .3s;box-shadow:0 5px 15px #00000014}.timeline-content:hover{transform:translateY(-5px)}.timeline-content h3{color:#0f172a;margin-bottom:5px;font-size:30px}.timeline-content span{color:#040506;font-size:20px}.timeline-content ul{margin-top:10px;padding-left:18px}.timeline-content li{color:#472c42;margin-bottom:8px;line-height:1.5}@media (width<=576px){.experience{padding:60px 20px}.experience h2{font-size:34px}.timeline-item{padding-left:40px}.timeline:before{left:12px}.timeline-item:before{left:4px}}.education{color:#12600f;background:#c5e4c2;min-height:100vh;padding:80px 8%}.education h2{text-align:center;margin-bottom:60px;font-size:42px;position:relative}.education h2:after{content:"";background:#1d0202;border-radius:10px;width:100px;height:4px;margin:12px auto 0;display:block}.edu-container{flex-direction:column;gap:25px;max-width:900px;margin:0 auto;display:flex}.edu-card{background:#34754e;border-left:4px solid #163f09;border-radius:12px;padding:25px;transition:all .3s}.edu-card:hover{transform:translate(8px)}.edu-card h3{color:#edfaff;margin-bottom:10px;font-size:25px}.inst{color:#cbd5e1;margin-bottom:6px;font-size:24px}.dur{color:#9eb7da;margin-bottom:6px;font-size:14px}.score{color:#fff;font-weight:600}@media (width<=576px){.education{padding:60px 20px}.education h2{font-size:34px}.edu-card{padding:20px}}.contact{color:#fff;background:#0f172a;min-height:100vh;padding:80px 8%}.contact h2{text-align:center;color:#a9a5e8;margin-bottom:90px;font-size:42px}.contact-container{justify-content:space-between;gap:50px;display:flex}.contact-info{flex:1}.contact-info h3{color:#c5c3e6;margin-bottom:20px;font-size:32px}.contact-info p{color:#c5c3e6;margin-bottom:30px;font-size:32px;line-height:1.8}.info a{color:#c5c3e6;text-decoration:none}.info a:hover{color:#38bdf8;text-decoration:underline}.info{align-items:center;gap:15px;margin-bottom:20px;font-size:22px;display:flex}.info svg{color:#38bdf8;font-size:24px}.contact-form{flex-direction:column;flex:0 0 500px;gap:30px;display:flex}.contact-form input,.contact-form textarea{border:none;border-radius:8px;outline:none;padding:15px;font-size:16px}.contact-form textarea{resize:none}.contact-form button{color:#fff;cursor:pointer;background:#6792a5;border:none;border-radius:8px;width:180px;padding:14px;font-size:16px;transition:all .3s}.contact-form button:hover{background:#234b5d}@media (width<=992px){.contact-container{flex-direction:column}.contact-info,.contact-form{width:100%}}@media (width<=576px){.contact{padding:60px 20px}.contact h2{font-size:34px}.contact-form button{width:100%}}.footer{color:#fff;text-align:center;background:#020617;padding:40px 8%}.footer h2{margin-bottom:25px;font-size:32px}.social-icons{justify-content:center;gap:25px;margin-bottom:30px;display:flex}.social-icons a{color:#fff;font-size:28px;transition:all .3s}.social-icons a:hover{color:#38bdf8;transform:translateY(-5px)}.back-to-top{color:#fff;background:#38bdf8;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto 25px;text-decoration:none;transition:all .3s;display:flex}.back-to-top:hover{background:#0ea5e9;transform:translateY(-3px)}.footer p{color:#94a3b8;font-size:14px}@media (width<=576px){.footer{padding:35px 20px}.footer h2{font-size:28px}.social-icons{gap:18px}}