@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{font-family:Poppins,sans-serif;scroll-behavior:smooth;margin:0;padding:0}#heroCanvas{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1}.sections-container{position:relative;z-index:1}.hero-gradient{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#93c5fd)}.project-card{transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.skill-badge{transition:all .3s ease}.skill-badge:hover{transform:scale(1.05)}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#3b82f6;transition:width .3s ease}.nav-link:hover:after{width:100%}#about,#skills,#projects,#experience,#education,#contact{width:80%}.about-title{display:inline-block;font-size:2.8rem;font-weight:700;color:#2563eb}.about-title span{display:inline-block;will-change:transform}.timeline-item:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;left:-8px;top:0;background-color:#3b82f6}.hidden{display:none}.projects-carousel-container{overflow:hidden;position:relative;padding:0 50px}.projects-carousel{display:flex;transition:transform .6s ease-in-out;width:100%;padding-bottom:20px}.projects-carousel{display:flex;align-items:center;justify-content:center;gap:0;transition:height .5s;position:relative}.project-card{flex:0 0 calc(25% - 32px);margin:0 16px;box-sizing:border-box;min-width:0;transition:transform .8s cubic-bezier(.22,.61,.36,1),box-shadow .6s cubic-bezier(.22,.61,.36,1),opacity .6s cubic-bezier(.22,.61,.36,1),z-index .6s cubic-bezier(.22,.61,.36,1);cursor:pointer;opacity:.4;z-index:1;background:#fff}.project-card.center{transform:scale(1.15) translateY(-10px);box-shadow:0 8px 32px #3b82f626;opacity:1;z-index:3}.project-card.left,.project-card.right{transform:scale(.85) translateY(20px);opacity:.7;z-index:2}.project-card.far-left,.project-card.far-right{transform:scale(.7) translateY(40px);opacity:.4;z-index:1;pointer-events:none}.project-card:not(.center):hover{box-shadow:0 4px 16px #3b82f61a}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003;border:2px solid #cbd5e1;cursor:pointer;transition:all .3s ease}.carousel-btn:hover{background:#f0f0f0;border-color:#3b82f6}.carousel-btn:first-child{left:0}.carousel-btn:last-child{right:0}.carousel-btn[disabled]{opacity:.3;cursor:not-allowed}.carousel-btn i{color:#3b82f6;font-size:1.25rem}.project-details{transition:all .3s ease}video{max-width:100%;height:auto;border-radius:.5rem;background-color:#000}#project-demo video{width:100%;height:100%;object-fit:contain}.timeline-item{position:relative;display:block;opacity:.5;transform:scale(.95);transition:all .5s ease-in-out;z-index:10}.timeline-item:before{transform:scale(1);transition:all .5s ease-in-out;box-shadow:0 0 0 4px #3b82f633}.timeline-item.active{opacity:1;transform:scale(1)}.timeline-item.active:before{transform:scale(1.2);box-shadow:0 0 0 8px #3b82f666}.timeline-item:not(:last-child):after{content:"";position:absolute;left:0;top:16px;bottom:-32px;width:2px;background-color:#e5e7eb}.timeline-item.active:not(:last-child):after{background:linear-gradient(to bottom,#3b82f6,#e5e7eb)}body[data-theme=dark]{background-color:#1a202c;color:#f7fafc}body[data-theme=dark] nav{background-color:#2d3748;color:#f7fafc}body[data-theme=dark] .bg-gray-50{background-color:#2d3748}body[data-theme=dark] .text-gray-700{color:#e2e8f0}body[data-theme=dark] .text-gray-600{color:#cbd5e0}body[data-theme=dark] .bg-white{background-color:#4a5568}body[data-theme=dark] .shadow-md{box-shadow:0 4px 6px #0003}body[data-theme=dark] a[href="#contact"]{color:#fff}body[data-theme=dark] input,body[data-theme=dark] textarea{color:#f7fafc;background-color:#2d3748;border-color:#4a5568}body[data-theme=dark] input::placeholder,body[data-theme=dark] textarea::placeholder{color:#cbd5e0;opacity:1}@media (max-width: 1024px){.project-card{flex:0 0 calc(33.333% - 32px)}.project-card.center{transform:scale(1.05) translateY(-5px)}.project-card.left,.project-card.right{transform:scale(.8) translateY(10px)}.project-card.far-left,.project-card.far-right{transform:scale(.6) translateY(20px)}}@media (max-width: 768px){.project-card{flex:0 0 calc(50% - 32px)}.carousel-btn{width:35px;height:35px}.projects-carousel{gap:0}.project-card.center{transform:scale(1) translateY(0)}.project-card.left,.project-card.right{transform:scale(.7) translateY(5px)}.project-card.far-left,.project-card.far-right{display:none}}@media (max-width: 480px){.project-card{flex:0 0 calc(100% - 32px)}.projects-carousel-container{padding:0 40px}.carousel-btn{width:30px;height:30px}.carousel-btn i{font-size:1rem}.project-card{margin:0 .25rem}.project-card.left,.project-card.right,.project-card.far-left,.project-card.far-right{display:none}}.hero-animate{opacity:0;transform:translateY(40px)}#sideCanvasLeft,#sideCanvasRight{position:absolute;width:250px;height:100%;top:0;z-index:2;pointer-events:none;background:transparent;display:block}#sideCanvasLeft{left:0}#sideCanvasRight{right:0}#projects,.project-details{background:#ffffffa6;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:1.5rem;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 8px 32px #1f26871f,inset 0 1.5px 16px #c8dcff1a;transition:backdrop-filter .3s,background .3s}body[data-theme=dark] #projects,body[data-theme=dark] .project-details{background:#1e293ba6;border:1.5px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #00000038,inset 0 1.5px 16px #50648c1a}.project-details:hover{backdrop-filter:blur(38px);-webkit-backdrop-filter:blur(38px);background:#ffffffd1}body[data-theme=dark] .project-details:hover{background:#1e293bd1}@media (max-width: 900px){#sideCanvasLeft,#sideCanvasRight{display:block}}@media (max-width: 600px){#sideCanvasLeft,#sideCanvasRight{display:none}}.sections-container{max-width:900px;margin:0 auto;position:relative;z-index:3}@media (max-width: 1300px){#theme-toggle-mobile{display:inline-block;position:relative;left:0;margin-right:.5rem;z-index:20}#theme-toggle{display:none!important}}@media (min-width: 1301px){#theme-toggle-mobile{display:none!important}}#theme-toggle-mobile-menu{display:inline-block}@media (max-width: 1301px){.xl\:flex .bg-blue-600{margin-left:.5rem!important;padding:.5rem 1.25rem!important;font-size:1rem;min-width:110px;display:flex;align-items:center;justify-content:center}}.hero-title{word-break:break-word;overflow-wrap:break-word;max-width:100vw}@media (max-width: 1301px){.hero-title{font-size:2.2rem!important;max-width:95vw}}@media (max-width: 768px){.hero-title{font-size:1.5rem!important;max-width:98vw}}@media (max-width: 480px){.hero-title{font-size:1.1rem!important;max-width:99vw}}.about-dev-break{display:inline-block}@media (max-width: 550px){.about-dev-break{display:block}}