*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Absans;src:url(/portfolio-website/assets/absans-regular-oKysrkjy.otf)}@font-face{font-family:Manuscribe;src:url(/portfolio-website/assets/ManuscribeFree-Italic-DOzNcb2K.otf)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:linear-gradient(to left,#020617,#020617,#0f172a);color:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:Neuton,serif}#hero{scroll-margin-top:200px}.navbar{width:100%;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;z-index:1000;background:#020617f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:clamp(2rem,4vw,2rem);font-weight:600;margin-left:0;font-family:Manuscribe,cursive;cursor:pointer;color:#38bdf8}.logo:hover{transform:scale(1.1) rotate(-5deg);filter:drop-shadow(0 0 8px rgba(56,189,248,.6))}.nav-links{list-style:none;display:flex;gap:clamp(15px,3vw,40px)}.nav-links li a{text-decoration:none;color:#fff;font-size:18px;transition:.3s}.menu-icon{display:none;font-size:24px;cursor:pointer;color:#38bdf8}@media(max-width:768px){.navbar{padding:15px 20px}.menu-icon{display:block;z-index:1001}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:100%;background:#020617;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;transition:.4s cubic-bezier(.4,0,.2,1)}.nav-links.active{right:0}.nav-links li a{font-size:20px}}@media(max-width:380px){.logo{font-size:1.1rem}.navbar{padding:10px 15px}}.hero{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);background:linear-gradient(120deg,#020617,#020617,#0f172a);overflow:hidden}.hero-text{max-width:650px;padding-left:clamp(0rem,5vw,5rem);z-index:10;margin-top:-80px;display:flex;flex-direction:column}.intro{font-size:clamp(16px,2vw,20px);opacity:.8}.name{font-size:clamp(40px,8vw,100px);font-weight:700;margin:10px 0;font-family:Absans,sans-serif;letter-spacing:clamp(1px,.5vw,5px);line-height:1.1}.role{font-size:clamp(18px,2vw,22px);opacity:.8;margin-bottom:30px}.resume-link{text-decoration:none;display:inline-block;margin-top:25px;transition:all .3s ease}.resume-btn{padding:clamp(10px,1.2vw,12px) clamp(20px,2.5vw,28px);font-size:clamp(14px,1.2vw,16px);background:#38bdf8;color:#020617;font-weight:700;border:none;border-radius:6px;cursor:pointer;pointer-events:none;transition:all .3s ease}.resume-link:hover .resume-btn{transform:translateY(-5px);background:#7dd3fc;box-shadow:0 10px 20px #38bdf866}.hero-image{position:absolute;right:0;bottom:0;height:100vh;width:50%;z-index:1;overflow:hidden;-webkit-mask-image:linear-gradient(to left,black 75%,transparent 100%),linear-gradient(to top,black 85%,transparent 100%),linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to left,black 75%,transparent 100%),linear-gradient(to top,black 85%,transparent 100%),linear-gradient(to bottom,black 85%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-image img{height:100%;width:100%;object-fit:contain;object-position:right bottom;opacity:.8;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.intro,.name,.role,.resume-link{opacity:0;animation:fadeInUp .8s ease-out forwards}.intro{animation-delay:.2s}.name{animation-delay:.4s}.role{animation-delay:.6s}.resume-link{animation-delay:.8s}@media(max-width:900px){.hero{flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}.hero-text{padding-left:0;margin-top:0;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:none;mask-image:none}.hero-image img{opacity:.15;object-fit:cover;object-position:85% center}}.about{width:100%;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:50px 5%;overflow:hidden}.about-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;width:100%;gap:40px;box-shadow:#056bbe4d 0 1px 2px,#0661a726 0 2px 6px 2px;padding:40px;border-radius:12px;background:transparent}.about-left{flex:1;display:flex;justify-content:center;align-items:center}.about-left img{width:100%;max-width:450px;height:auto;object-fit:contain}.about-right{flex:1;max-width:550px}.about-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:20px;color:#fff}.about-text{font-size:clamp(.9rem,2vw,1.1rem);line-height:1.6;margin-bottom:15px;opacity:.9}@media(max-width:1024px){.about{padding:40px 30px}.about-container{gap:30px;padding:30px}.about-left img{max-width:350px}}@media(max-width:768px){.about-container{flex-direction:column;text-align:center;gap:20px;padding:30px 20px}.about-left{width:100%;order:1}.about-left img{max-width:250px}.about-right{width:100%;order:2;max-width:100%}.about-text{text-align:justify}}@media(max-width:480px){.about{padding:20px 15px}.about-container{padding:20px 15px;box-shadow:none;border:1px solid rgba(56,189,248,.2)}.about-left img{max-width:180px}.about-title{font-size:1.8rem}}.projects{width:100%;padding:clamp(20px,5vw,60px) clamp(15px,5vw,60px)}.projects-container{max-width:1200px;margin:auto}.projects-title{font-size:clamp(32px,5vw,48px);text-align:center;margin-bottom:20px;color:#fff}.projects-subtitle{text-align:center;opacity:.7;margin-bottom:50px;max-width:700px;margin-left:auto;margin-right:auto;font-size:clamp(14px,2vw,18px)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{background:#0f172a;padding:20px;border-radius:16px;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #0006,0 0 20px #38bdf826}.project-image{width:100%;aspect-ratio:16/9;height:auto;border-radius:12px;overflow:hidden;margin-bottom:20px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-card h3{font-size:clamp(18px,2vw,22px);margin-bottom:10px}.project-card p{font-size:14px;opacity:.8;line-height:1.6;flex-grow:1}.project-links{margin-top:20px;display:flex;gap:12px}.project-links a{padding:10px 20px;border-radius:6px;background:#38bdf8;color:#000;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease;flex:1;text-align:center}.project-links a:hover{background:#22c1ff;transform:translateY(-2px)}@media(max-width:768px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.project-card{padding:15px}}@media(max-width:480px){.projects-grid{grid-template-columns:1fr}}.skills{width:100%;padding:clamp(60px,10vw,100px) 20px}.skills-title{font-size:clamp(32px,5vw,48px);text-align:center;margin-bottom:clamp(40px,8vw,80px);color:#fff}.skills-container{display:flex;flex-direction:column;gap:clamp(30px,6vw,60px);max-width:900px;margin:auto}.skills-box{width:100%}.skills-heading{font-size:clamp(18px,2vw,22px);margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid rgba(254,254,255,.2);letter-spacing:1px;opacity:.9}.skills-grid{display:flex;flex-wrap:wrap;gap:clamp(10px,3vw,25px);justify-content:flex-start}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(8px,1.5vw,12px) clamp(10px,2vw,16px);border-radius:10px;transition:all .25s ease;background:#ffffff08}.skill-icon{font-size:clamp(35px,5vw,50px);margin-bottom:6px}.skill-name{font-size:clamp(11px,1.5vw,14px);opacity:.7;font-weight:500}.skill-card:hover{transform:translateY(-4px);color:#38bdf8;background:#38bdf81a}@media(max-width:768px){.skills-grid{justify-content:center}.skills-heading{text-align:center}}@media(max-width:480px){.skills-container{gap:40px}}.qual{width:100%;padding:clamp(60px,10vw,100px) 20px;background:transparent}.qual-title{font-size:clamp(32px,5vw,48px);text-align:center;margin-bottom:clamp(40px,8vw,80px);font-weight:700}.qual-container{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,60px)}.qual-column{display:flex;flex-direction:column}.qual-subtitle{display:flex;align-items:center;gap:12px;font-size:clamp(20px,2.5vw,26px);margin-bottom:35px;color:#38bdf8}.qual-icon{font-size:1.2em}.qual-list{display:flex;flex-direction:column;gap:20px}.qual-card{position:relative;background:#ffffff08;border-left:4px solid #38bdf8;border-radius:0 12px 12px 0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.edu-card{padding:clamp(25px,4vh,40px) 25px}.cert-card{padding:22px 25px}.qual-card:hover{background:#38bdf814;transform:translate(10px);border-left:4px solid #7dd3fc}.qual-content h4{font-size:clamp(16px,1.8vw,20px);margin-bottom:8px;color:#f8fafc}.qual-org{font-size:14px;opacity:.8;line-height:1.4}.qual-date{font-size:12px;opacity:.5;margin-top:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}@media(max-width:900px){.qual-container{grid-template-columns:1fr;gap:50px}.qual-subtitle{justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.edu-card{padding:22px 25px}.qual-card{text-align:center;border-left:0;border-bottom:3px solid #38bdf8;border-radius:12px}}.contact{width:100%;padding:clamp(60px,10vw,140px) 20px;text-align:center}.contact-title{font-size:clamp(32px,5vw,48px);margin-bottom:20px;font-weight:700}.contact-text{font-size:clamp(14px,2vw,18px);opacity:.8;margin-bottom:40px;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.contact-email-btn{display:inline-flex;align-items:center;gap:10px;padding:clamp(10px,1.5vw,14px) clamp(20px,3vw,32px);border-radius:8px;background:#38bdf8;color:#020617;text-decoration:none;font-weight:600;font-size:clamp(14px,1.5vw,16px);transition:.3s ease}.contact-email-btn:hover{transform:translateY(-3px);background:#22c1ff;box-shadow:0 10px 20px #38bdf84d}.email-icon{font-size:clamp(18px,2vw,22px)}.contact-socials{margin-top:clamp(30px,5vw,50px);display:flex;justify-content:center;gap:clamp(20px,4vw,35px)}.contact-socials a{font-size:clamp(24px,3vw,32px);color:#fff;transition:.3s ease;opacity:.8}.contact-socials a:hover{color:#38bdf8;opacity:1;transform:translateY(-3px)}.contact-phone{margin-top:30px;font-size:clamp(13px,1.5vw,16px);opacity:.7;letter-spacing:1px}@media(max-width:480px){.contact{padding:60px 15px}.contact-email-btn{width:90%;justify-content:center}}.footer{width:100%;padding:clamp(40px,8vw,80px) 20px clamp(20px,4vw,40px);text-align:center;border-top:1px solid rgba(255,255,255,.1);background:#020617;overflow:hidden}.footer-text{font-size:clamp(24px,5vw,38px);font-weight:600;margin-bottom:15px;color:#38bdf8;opacity:0;animation:fadeSlide 1.2s ease forwards}.footer-copy{font-size:clamp(12px,1.5vw,14px);opacity:.6;letter-spacing:.5px}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.footer{padding-top:40px}.footer-text{line-height:1.4}}