@import"https://fonts.googleapis.com/css2?family=Gugi:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Halant:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Halant:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";html,body,#root{height:100%;color:#fff}.about-container{position:relative;height:100vh;padding:2rem;overflow:hidden;margin-top:20vh}h1{font-family:Halant,serif;font-size:100px;font-weight:500;letter-spacing:20px}h4{font-family:Gugi,serif;font-size:20px;font-weight:400;letter-spacing:5px;margin-bottom:2rem}.social-buttons{padding-top:20px;display:flex;gap:20px}.icon-btn{width:80px;height:80px;background:url(data:image/png;base64,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) no-repeat center;background-size:contain;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:transform .3s ease}.icon-btn .icon{width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease,filter .3s ease}.icon-btn:hover{transform:scale(1.2)}.gmail .icon{transform:translate(-52.1%,-53%);filter:grayscale(100%) contrast(100%) brightness(50%)}.github .icon{transform:translate(-51.5%,-54.3%);filter:grayscale(100%) contrast(100%) brightness(60%)}.linkedin .icon{transform:translate(-52%,-54.5%);filter:grayscale(100%) contrast(100%) brightness(50%)}.gmail:hover .icon,.github:hover .icon,.linkedin:hover .icon{filter:none}.left-content{position:absolute;top:50%;left:10rem;transform:translateY(-50%)}.face-wrapper{position:absolute;right:100px;top:50%;transform:translateY(-50%);display:flex;gap:20px;pointer-events:none}.face{width:auto;transition:opacity .3s ease}.after-space{height:0vh}.download{text-decoration:none;color:#fff;margin-top:50px;gap:25px;height:65px;width:270px;display:flex;font-size:18px;font-family:Poppins,serif;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;border:2px solid white;position:relative;overflow:hidden;isolation:isolate;transition:color .25s ease,background-color .25s ease,border-color .25s ease}.download:hover{color:#000;border-color:transparent}.download:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background:#fff;border-radius:50%;pointer-events:none;transition:transform .45s ease-out,opacity .45s ease-out;opacity:0;z-index:-1}.download:hover:before{transform:translate(-50%,-50%) scale(60);opacity:.9}.download:after{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);transform:translate(-50%,-50%) scale(0);width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#fff9 40%,#fff3 70%,#fff0 72%);border-radius:50%;pointer-events:none;filter:blur(.3px);opacity:0;transition:transform .6s ease-out,opacity .6s ease-out;z-index:-1}.download:hover:after{transform:translate(-50%,-50%) scale(70);opacity:.7}.download img{position:relative;z-index:1;filter:none;transition:filter .25s ease}.download:hover img{filter:brightness(0);z-index:1}.bubble{position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:6px;height:6px;background:#656565e6;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.8);filter:blur(.2px)}@keyframes bubbleRise{0%{opacity:0;transform:translate(-50%,-50%) translate(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--bx, 0px),calc(-40px - var(--by, 0px))) scale(1.3)}}.download:hover .bubble{animation:bubbleRise .9s ease-out forwards}.download:hover .bubble:nth-child(1){--bx: -26px;--by: 4px;width:5px;height:5px;animation-delay:0ms}.download:hover .bubble:nth-child(2){--bx: 8px;--by: 10px;width:6px;height:6px;animation-delay:50ms}.download:hover .bubble:nth-child(3){--bx: 22px;--by: 2px;width:7px;height:7px;animation-delay:90ms}.download:hover .bubble:nth-child(4){--bx: -14px;--by: 14px;width:6px;height:6px;animation-delay:.12s}.download:hover .bubble:nth-child(5){--bx: 30px;--by: 8px;width:5px;height:5px;animation-delay:.16s}.download:hover .bubble:nth-child(6){--bx: -32px;--by: 6px;width:8px;height:8px;animation-delay:.2s}.download:hover .bubble:nth-child(7){--bx: 16px;--by: 18px;width:6px;height:6px;animation-delay:.23s}.download:hover .bubble:nth-child(8){--bx: -6px;--by: 22px;width:7px;height:7px;animation-delay:.26s}.download:hover .bubble:nth-child(9){--bx: 26px;--by: 20px;width:6px;height:6px;animation-delay:.3s}.download:hover .bubble:nth-child(10){--bx: -20px;--by: 26px;width:5px;height:5px;animation-delay:.34s}.contact-section{min-height:100vh;padding:4rem 2rem;background:#000;position:relative;overflow:hidden}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;width:100%;max-width:1100px;margin:0 auto;align-items:center}.contact-left{display:flex;flex-direction:column;justify-content:center}.contact-header{margin-left:0;margin-bottom:4rem;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.contact-title{color:#fff;font-family:Poppins,serif;font-size:60px;font-weight:700;letter-spacing:1px;margin-bottom:2px}.contact-subtitle{color:#707070;font-family:Poppins,sans-serif;font-size:70px;font-weight:700;letter-spacing:8px;margin-bottom:1rem}.contact-description{color:#fff;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;margin-bottom:2.5rem;width:350px;opacity:.9}.contact-sub-description{color:#888;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;line-height:1.6;max-width:400px;opacity:.8}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;width:100%;max-width:1100px;align-items:start}.contact-info{display:flex;flex-direction:column;gap:3rem}.contact-item{display:flex;gap:18px;background:none;border:none;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;opacity:9;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.contact-item:nth-child(1){animation-delay:.1s}.contact-item:nth-child(2){animation-delay:.2s}.contact-item:nth-child(3){animation-delay:.3s}.contact-item:hover{padding-top:15px;padding-bottom:15px;padding-left:15px;transform:translateY(-5px);background:#d4d4d41a}.contact-icon{width:48px;height:48px;background:#181818;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:#fff;box-shadow:0 4px 16px #0000002e;border:2px solid #222}.contact-details{display:flex;flex-direction:column}.contact-details h3,.contact-details p{margin:0;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.contact-form-container{background:#181818;border-radius:18px;height:750px;border:1.5px solid #333;padding:38px 32px 32px;box-shadow:0 4px 32px #0000002e;min-width:580px;max-width:600px;width:100%}.form-title{color:#bdbdbd;font-size:1.1rem;font-family:Poppins,sans-serif;text-align:left;margin-bottom:20px;letter-spacing:2px;text-transform:lowercase}.contact-form{display:flex;flex-direction:column;gap:22px}.form-group label{color:#bdbdbd;font-size:.95rem;font-family:Poppins,sans-serif;margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.form-input,.form-textarea{width:100%;height:80px;padding:14px 18px;background:#222;border:1.5px solid #444;border-radius:12px;color:#fff;font-size:1rem;font-family:Poppins,sans-serif;margin-top:15px;transition:border .2s,background .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:#fff;background:#343434}.form-textarea{min-height:110px;resize:vertical}.submit-btn{background:#252525;color:#fff;height:80px;border:1.5px solid #444;padding:14px 0;border-radius:12px;font-size:1.45rem;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;margin-top:20px;letter-spacing:1px;transition:background .2s,border .2s,color .2s}.submit-btn:hover{background:#fff;color:#181818;border-color:#fff}.contact-footer{text-align:center;opacity:0;margin-top:80px;transform:translateY(30px);animation:fadeInUp .8s ease-out .6s forwards}.footer-text{color:#fff;font-size:1.5rem;font-weight:500;margin-bottom:1rem;font-family:Poppins,sans-serif}.footer-code{font-family:Courier New,monospace;color:#fff;font-size:1rem;opacity:.8}.code-comment{color:#666}@media (max-width: 768px){.contact-title{font-size:80px;letter-spacing:10px}.contact-subtitle{font-size:60px;letter-spacing:5px}.contact-content{grid-template-columns:1fr;gap:2rem}.contact-item{padding:1.5rem}.contact-icon{width:60px;height:60px;font-size:2rem}.contact-form-container{margin:0 auto}}@media (max-width: 480px){.contact-form-container{padding:18px 8px;min-width:unset;max-width:100%}.contact-section{padding:2rem 1rem}.contact-title{font-size:60px;letter-spacing:5px}.contact-subtitle{font-size:40px;letter-spacing:3px}.contact-description{font-size:18px}.contact-sub-description{font-size:16px}.form-title{font-size:1.5rem}.submit-btn{padding:.8rem 1.5rem;font-size:1rem}}.timeline-section{position:relative;width:100%;margin-top:0;padding-bottom:80px}.timeline-section{min-height:160vh}.timeline-section .section-title{margin-top:10%;font-family:Poppins,serif;align-items:center;margin-bottom:10%;justify-content:center;display:flex;font-size:45px;color:#fff}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:40px;z-index:2;position:relative;opacity:0;transform:translateY(40px);animation:textReveal 1s cubic-bezier(.77,0,.18,1) forwards;animation-delay:.2s}@keyframes textReveal{to{opacity:1;transform:translateY(0)}}.journey-bg-text{position:absolute;font-family:Poppins,serif;top:60px;left:50%;transform:translate(-50%);font-size:10vw;font-weight:900;color:#ffffff2e;letter-spacing:20px;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;opacity:30%;background:linear-gradient(90deg,#464646,#fff,#464646);background-size:200% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:gradientMove 4s linear infinite}@keyframes gradientMove{0%{background-position:200% 0}to{background-position:-200% 0}}.timeline-vertical{width:100%;max-width:1100px;margin:0 auto;min-height:800px;position:relative;display:flex;flex-direction:column}.timeline{position:relative;padding:2rem 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;transform:translate(-50%)}.timeline-line{position:absolute;left:50%;top:0;width:6px;height:100%;background:linear-gradient(180deg,#fff 0% 100%);transform:translate(-50%);z-index:1;border-radius:3px}.timeline-item{position:relative;margin-bottom:3rem;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards}.timeline-card-wrapper{position:absolute;width:50%;display:flex;align-items:center;z-index:2}.timeline-card-wrapper.left{right:52%;justify-content:flex-end}.timeline-card-wrapper.right{left:52%;justify-content:flex-start}.timeline-card-wrapper.left .timeline-year{justify-content:flex-end;text-align:right}.timeline-card-wrapper.right .timeline-year{justify-content:flex-start;text-align:left}.timeline-marker{position:absolute;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff;border-radius:50%;border:6px solid #111;z-index:3;box-shadow:0 0 0 4px #00d4ff26;animation:markerPulse 2s infinite}@keyframes markerPulse{0%{box-shadow:0 0 0 4px #b3b3b33c}50%{box-shadow:0 0 0 12px #c8c8c83b}to{box-shadow:0 0 0 4px #9d9d9d46}}.timeline-card{background:#1e1e1e7e;border:1.5px solid rgba(255,255,255,.13);border-radius:18px;padding:20px 38px;min-width:370px;max-width:440px;transition:transform .35s cubic-bezier(.77,0,.18,1),box-shadow .35s cubic-bezier(.77,0,.18,1);box-shadow:0 4px 32px #0000002e;color:#fff;margin:0 32px;position:relative;z-index:2}.timeline-card:hover{transform:scale(1.04);box-shadow:0 8px 40px #34343455,0 2px 24px #0008;border-color:#494949;background:#232323b3}.timeline-year{font-family:Poppins,serif;font-size:12px;font-weight:600;opacity:.85;margin-bottom:12px;letter-spacing:2px;display:flex;align-items:center;gap:8px}.timeline-title{font-family:Poppins,serif;font-size:1.35rem;font-weight:700;margin-bottom:20px;letter-spacing:1px}.timeline-type{font-family:Poppins,serif;display:inline-block;color:#676767;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:600;color:#bdbdbd;margin-bottom:20px}.timeline-description{font-size:12px;font-weight:400;color:#7f7f7f;opacity:.85;line-height:1.5;font-family:Poppins,sans-serif}.timeline-card.align-right{text-align:right}.timeline-card.align-left{text-align:left}.available-opportunity{position:absolute;bottom:20px;left:50%;margin-bottom:2%;transform:translate(-50%);background-color:#a7a7a735;padding:10px 30px;border-radius:100px;color:#fff;font-family:Poppins,sans-serif;font-size:18px;font-weight:500;text-align:center;display:flex;align-items:center;gap:20px}.available-opportunity .circle{width:12px;height:12px;background-color:#37b678;border-radius:50%;display:inline-block;margin:0 5px;animation:markerPulse 2s infinite}#scroll-marker{position:absolute;left:50%;transform:translate(-50%,-50%)}.experience-section{padding:20px;position:relative;width:100%;justify-content:center;align-items:center;justify-items:center;min-height:100vh}.experience-section .section-title1{font-family:Poppins,serif;font-size:100px;font-weight:700;color:#fff;text-align:center;margin:0;line-height:1.5}.experience-section .section-title2{font-family:Poppins,serif;font-size:100px;color:#707070;text-align:center;letter-spacing:15px;margin-bottom:40px;line-height:1}.experience-bar{width:0;height:6px;background:#fff;margin:32px auto;border-radius:2px;transition:width 1.2s cubic-bezier(.77,0,.18,1)}.experience-section .experience-bar{animation:barGrow 1.2s cubic-bezier(.77,0,.18,1) forwards}.journey-subtitle{font-family:Poppins,serif;color:#bdbdbd;text-align:center;font-size:1.2rem;margin-bottom:40px;letter-spacing:1px}.experience-cards-container{display:flex;flex-wrap:wrap;gap:32px;margin-top:5%;margin-left:10%;justify-content:flex-start;align-content:center;align-items:center}.experience-card{background:#232323;border:3px solid #444;border-radius:22px;padding:25px 28px 24px;width:370px;min-height:340px;height:340px;box-shadow:0 4px 32px #00000040;color:#e0e0e0;font-family:Poppins,serif;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .2s,box-shadow .2s;overflow:hidden}.experience-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 40px #00000059}.experience-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.experience-card-number{background:#444;color:#fff;font-weight:700;font-size:10px;border-radius:8px;padding:6px 14px;margin-right:8px;letter-spacing:1px}.experience-card-date{color:#bdbdbd;font-size:12px;font-weight:600;letter-spacing:1px}.experience-card-company{font-size:15px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:1px}.experience-card-role{font-size:12px;font-weight:600;color:#bdbdbd;margin:0 0 14px}.experience-card-description{font-size:10px;color:#bdbdbd;margin-bottom:16px;line-height:1.5}.experience-card-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.experience-card-tech-item{background:#444;color:#fff;font-weight:500;font-size:10px;border-radius:22px;padding:2px 10px;letter-spacing:1px;margin-bottom:4px;transition:background .2s}.experience-card-tech-item:hover{background:#666}.experience-card-bullets{margin:0;padding-left:18px;color:#bdbdbd;font-size:8px;line-height:1.7}.experience-card-bullets li{margin-bottom:6px;list-style:disc}@media (max-width: 900px){.experience-cards-container{flex-direction:column;align-items:center}.experience-card{width:95vw;max-width:420px}}*{margin:0;padding:0;box-sizing:border-box}body,html,#root{min-height:100%;color:#fff}.container{position:relative;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}@keyframes shawlDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.text{font-family:Halant,serif;font-size:150px;font-weight:700;letter-spacing:22px;position:absolute;text-align:center;width:100%;left:0;z-index:2}.text:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000;transform:translateY(0);animation:shawlDown 2.5s ease-out forwards}.text.top{clip-path:inset(0 0 53% 0)}.text.bottom{clip-path:inset(45% 0 0 0)}.eyes{position:absolute;width:950px;z-index:1;transition:transform .1s linear;pointer-events:none}.projects-section{min-height:180vh;background:#000;position:relative;overflow:hidden;padding:8% 10%}.projects-header{margin-bottom:4rem;opacity:0;transform:translateY(30px);animation:fadeInUp .8s ease-out forwards;z-index:2}.projects-title,.projects-subtitle{color:#fff;font-family:Poppins,sans-serif;font-size:60px;font-weight:700;letter-spacing:1px}.projects-description{color:#888;font-family:Poppins,sans-serif;font-size:14px;line-height:1.6;max-width:600px;margin-top:15px;opacity:.8;margin-bottom:10rem}.projects-loop{display:flex;flex-direction:column;gap:40px;overflow-y:visible;align-items:center;z-index:0}.projects-row{display:flex;flex-direction:row;gap:30px;will-change:transform;min-height:300px}.project-card{width:420px;height:300px;border-radius:2px;background:#111;overflow:hidden;flex-shrink:0}.project-card img{width:100%;height:100%;object-fit:cover}.technical-journey{min-height:80vh;margin-top:10vh;padding:4rem 2rem;position:relative;overflow:hidden}.journey-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px)}.journey-header.animate{animation:fadeInUp .8s ease-out forwards}.tj-title{color:#fff;font-family:Poppins,sans-serif;font-size:100px;font-weight:700;letter-spacing:15px;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tj-subtitle{color:#fff;font-family:Poppins,sans-serif;font-size:80px;font-weight:700;letter-spacing:8px;margin-bottom:1rem;background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.journey-subtitle{margin-top:3%;color:#cacaca;font-family:Poppins,sans-serif;font-size:18px;font-weight:400;letter-spacing:2px;opacity:.8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.journey-header .tj-title,.journey-header .tj-subtitle,.journey-header .section-title{opacity:0;transform:translateY(40px)}.journey-header.animate .tj-title{animation:textReveal 1s cubic-bezier(.77,0,.18,1) forwards;animation-delay:.1s}.journey-header.animate .tj-subtitle{animation:textReveal 1s cubic-bezier(.77,0,.18,1) forwards;animation-delay:.3s}.journey-header.animate .section-title{animation:textReveal 1s cubic-bezier(.77,0,.18,1) forwards;animation-delay:.2s}.journey-header .journey-subtitle{opacity:0;transform:translateY(40px)}.journey-header.animate .journey-subtitle{animation:textReveal 1s cubic-bezier(.77,0,.18,1) forwards;animation-delay:.5s}.journey-bar{width:0;height:6px;background:#fff;margin:32px auto;border-radius:2px;transition:width 1.2s cubic-bezier(.77,0,.18,1)}.journey-header.animate .journey-bar{animation:barGrow 1.2s cubic-bezier(.77,0,.18,1) forwards}.technical-expertise{text-align:center;margin-top:15rem}.technical-expertise .expertise-title{font-family:Poppins,serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px;opacity:0;transform:translateY(40px);animation:textReveal 1s cubic-bezier(.77,0,.18,1) forwards;animation-delay:.4s}.skills-grid{display:grid;grid-template-columns:repeat(2,.2fr);margin-top:2.5rem;justify-items:center;align-items:center;justify-content:center}.skill-card{background:#181818;border:2px solid #444;margin-top:20%;border-radius:16px;padding:2.5rem 2rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:220px;min-height:200px;box-shadow:0 2px 16px #0006;transition:transform .3s cubic-bezier(.77,0,.18,1),box-shadow .3s cubic-bezier(.77,0,.18,1)}.skill-card:hover{transform:scale(1.04);box-shadow:0 8px 32px #72727233,0 2px 24px #0008}.skill-icon{width:64px;height:64px;margin-bottom:1.2rem;border-radius:16px;padding:.5rem;object-fit:contain;display:flex;align-items:center;justify-content:center}.skill-name{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:#fff;margin-top:.5rem;letter-spacing:1px;text-align:center}@media (max-width: 768px){.tj-title{font-family:Poppins,serif;font-size:80px;letter-spacing:10px}.tj-subtitle{font-family:Poppins,serif;font-size:60px;letter-spacing:5px}.stats-container{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-number{font-family:Poppins,serif;font-size:3rem}.timeline:before{left:30px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){padding-left:80px;padding-right:0;text-align:left}.timeline-marker{left:30px}.skills-grid{grid-template-columns:1fr}}@media (max-width: 480px){.technical-journey{padding:2rem 1rem}.tj-title{font-family:Poppins,serif;font-size:60px;letter-spacing:5px}.tj-subtitle{font-family:Poppins,serif;font-size:40px;letter-spacing:3px}.stats-container{grid-template-columns:1fr}.section-title{font-family:Poppins,serif;font-size:2rem}}@media (max-width: 900px){.timeline-card-wrapper,.timeline-card-wrapper.left,.timeline-card-wrapper.right{position:static;width:100%;justify-content:center;margin-bottom:60px}.timeline-vertical{min-height:unset}.timeline-line{left:24px;width:4px}.timeline-marker{left:24px}.timeline-card{margin:0 0 0 48px;min-width:0;max-width:98vw}.journey-bg-text{font-family:Poppins,serif;font-size:16vw}}.techstack-section{padding:20px;position:relative;width:100%;justify-content:center;align-items:center;justify-items:center;min-height:160vh}.techstack-section .techstack-title1{font-family:Poppins,serif;font-size:100px;font-weight:700;color:#fff;text-align:center;margin-top:100px;line-height:1.5}.techstack-bar{width:0;height:6px;background:#fff;margin:32px auto;border-radius:2px;transition:width 1.2s cubic-bezier(.77,0,.18,1)}.techstack-section .techstack-bar{animation:barGrow 1.2s cubic-bezier(.77,0,.18,1) forwards}@keyframes barGrow{0%{width:0}to{width:20%}}.techstack-carousel-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:600px;position:relative;perspective:1200px;overflow:hidden}.techstack-cards-row{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s ease-in-out;display:flex;align-items:center;justify-content:center}.techstack-cards-container{display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin-top:40px}.techstack-card{position:absolute;top:50%;left:50%;transform-style:preserve-3d;transform-origin:center center;translate:-50% -50%;background:#181818;border:2px solid #333;border-radius:24px;width:320px;height:400px;padding:32px 24px;color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 32px #00000040;opacity:.4;transition:transform 1s ease-in-out,opacity .6s,scale .6s}.techstack-card.active{opacity:1;transform:scale(1.5);z-index:2}.techstack-card.active:hover{box-shadow:0 8px 40px #ffffff40,0 2px 24px #0000002e;transform:scale(1.8) rotate(-2deg);border-color:#9e9e9e;transition:box-shadow .3s,transform .3s,border-color .3s;cursor:pointer}.techstack-card-icon{margin-top:15px;font-family:Poppins,serif;margin-bottom:18px;transform:scale(1.5)}.techstack-card-title{font-family:Poppins,serif;font-size:30px;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-align:center}.techstack-card-type{font-family:Poppins,serif;background:#626262;letter-spacing:1px;color:#000;font-size:10px;font-weight:500;border-radius:16px;padding:4px 18px;margin-bottom:16px;display:inline-block}.techstack-card-type1{font-family:Poppins,serif;color:#cacaca;font-size:12px;font-weight:500;padding:4px 18px;margin-bottom:18px;display:inline-block}.techstack-card-desc{font-family:Poppins,serif;color:#bdbdbd;font-size:12px;text-align:center;margin-bottom:6px;min-height:60px}.techstack-card-proficiency{font-family:Poppins,serif;width:100%;display:flex;justify-content:space-between;font-size:10px;margin-bottom:10px}.techstack-card-percent{font-weight:700;font-family:Poppins,serif}.techstack-card-bar{width:100%;height:8px;background:#333;border-radius:8px;overflow:hidden}.techstack-card-bar-fill{height:100%;background:#fff;border-radius:8px;transition:width .7s}.carousel-arrow{position:absolute;top:50%;transform:translateY(10%);background:#282828cc;border:none;color:#fff;font-size:2.5rem;width:56px;height:56px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;z-index:10;box-shadow:0 2px 12px #0000002e}.carousel-arrow.left{left:10px;padding-top:2px;padding-right:3px}.carousel-arrow.right{right:10px;padding-top:2px;padding-left:3px}.carousel-arrow:hover{background:#fff;color:#232323;transform:translateY(10%) scale(1.08)}