.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ee6;border-bottom:1px solid #ffdf001a;box-shadow:0 2px 15px #0000004d;display:flex;height:5rem;justify-content:space-between;left:0;margin:0 auto;padding:1rem 6rem;position:fixed;right:0;transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .35s ease;width:100vw;z-index:1000}.navbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar.hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar:hover{border-bottom-color:#ffdf004d;box-shadow:0 2px 20px #ffdf001a}.logo{cursor:pointer;filter:drop-shadow(0 0 5px rgba(255,223,0,0));height:3rem;object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.logo:hover{filter:drop-shadow(0 0 10px rgba(255,223,0,.5));transform:rotate(10deg) scale(1.1)}.desktopMenu{display:flex;gap:.5rem}.desktopMenuListItem{color:#fff;cursor:pointer;font-size:1rem;margin:.5rem 1rem;padding:.5rem 0;position:relative;transition:all .3s ease}.desktopMenuListItem:before{background:#ffdf00;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.desktopMenuListItem:hover{color:#ffdf00;transform:translateY(-2px)}.desktopMenuListItem:hover:before{width:100%}.desktopMenuBtn{align-items:center;background:#ffdf00;border:none;border-radius:2rem;box-shadow:0 4px 10px #ffdf004d;color:#1e1e1e;display:flex;font-weight:600;justify-content:center;overflow:hidden;padding:.5rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.desktopMenuBtn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.desktopMenuBtn:hover{box-shadow:0 6px 15px #ffdf0080;cursor:pointer;transform:translateY(-3px)}.desktopMenuBtn:hover:before{left:100%}.desktopMenuImg{height:1.2rem;margin-right:.5rem;object-fit:cover;transition:transform .3s ease;width:1.2rem}.desktopMenuBtn:hover .desktopMenuImg{transform:rotate(15deg)}.active{color:#ffdf00;position:relative}.active:after{animation:activeUnderline .5s ease forwards;background:#ffdf00;bottom:0;box-shadow:0 0 10px #ffdf0080;content:"";height:2px;left:0;position:absolute;width:100%}@keyframes activeUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.nobMenu{background:#ffdf001a;border-radius:50%;cursor:pointer;display:none;height:1.8rem;padding:.5rem;transition:all .3s ease}.nobMenu:hover{background:#ffdf0033;transform:rotate(90deg)}.navMenu{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#282828f2;border:1px solid #ffdf0033;border-radius:1rem;box-shadow:0 5px 15px #00000080;display:flex;flex-direction:column;min-width:200px;padding:1rem;position:absolute;right:1rem;top:5rem;z-index:2}.listItem{background:#1e1e1eb3;border-radius:.5rem;color:#fff;cursor:pointer;margin:.25rem 0;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.listItem:before{background:linear-gradient(90deg,#0000,#ffdf001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:100%}.listItem:hover{background:#323232b3;color:#ffdf00;transform:translateX(5px)}.listItem:hover:before{left:100%}.listItem.active{background:#323232b3;color:#ffdf00}@media screen and (max-width:768px){.navbar{padding:1rem}.nobMenu{display:flex;height:1.5rem;padding:.1rem}.desktopMenu,.desktopMenuBtn{display:none}.navMenu{max-width:300px;right:.5rem;width:calc(100% - 1rem)}}@media screen and (max-width:480px){.navbar{height:4.5rem}.logo{height:2.5rem}.nobMenu{height:1.5rem;padding:.1rem}.navMenu{top:4.5rem}}.nav-hotspot{background:linear-gradient(90deg,#ffdf0033,#ffdf0099);border:none;border-radius:999px;box-shadow:0 2px 8px #0006;cursor:pointer;height:6px;left:50%;position:fixed;top:.25rem;transform:translateX(-50%);transition:transform .15s ease,opacity .2s ease;width:120px;z-index:1100}.nav-hotspot:active{transform:translateX(-50%) scale(.98)}.nav-hotspot:focus{box-shadow:0 0 0 3px #ffdf001f;outline:none}@media screen and (max-width:768px){.nav-hotspot{width:90px}}#intro{align-items:center;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;display:flex;height:calc(100vh - 4rem);justify-content:center;margin:0 auto;max-width:75rem;overflow:hidden;padding-top:5rem;position:relative;width:100vw}.bg{animation:bgFloat 12s ease-in-out infinite,bgTilt 8s ease-in-out infinite;filter:blur(2px);height:100vh;object-fit:cover;opacity:.8;position:absolute;right:0;top:-3rem;transform:scale(1.05) translate3d(33%,-80px,0);transform-origin:center right;transition:transform 1s ease,filter 1s ease,box-shadow .6s ease;will-change:transform,filter;z-index:0}#intro:hover .bg{filter:blur(0);transform:scale(1.1)}.introContent{align-items:center;animation:fadeIn 1.2s cubic-bezier(.2,.9,.2,1);color:#fff;display:flex;gap:2rem;height:auto;padding:2rem;text-align:left;width:100%;z-index:2}.btn,.intro-left,.intro-left .hello,.intro-left .introText,.introPara,.typewrap{animation:revealUp .65s cubic-bezier(.2,.9,.2,1) forwards;opacity:0;transform:translateY(12px) scale(.995)}.intro-left{animation-delay:.12s}.intro-left .hello{animation-delay:.22s}.intro-left .introText{animation-delay:.34s}.typewrap{animation-delay:.47s}.introPara{animation-delay:.6s}.btn{animation-delay:.76s}.intro-left{max-width:720px;z-index:2}.particles{height:160px;left:2rem;mix-blend-mode:screen;pointer-events:none;position:absolute;top:10%;width:160px;z-index:0}.particles .p{background:radial-gradient(circle at 30% 30%,gold,#ff9f00);border-radius:50%;filter:blur(.6px);height:12px;opacity:.9;position:absolute;width:12px}.particles .p1{animation:floatA 6s ease-in-out infinite;left:10px;top:20px}.particles .p2{animation:floatB 7s ease-in-out infinite;height:10px;left:40px;top:80px;width:10px}.particles .p3{animation:floatC 5.5s ease-in-out infinite;left:90px;top:10px;transform-origin:center}.particles .p4{animation:floatA 8s ease-in-out infinite;height:8px;left:120px;top:60px;width:8px}.particles .p5{animation:floatB 6.5s ease-in-out infinite;left:70px;top:120px}.particles .p{animation-iteration-count:infinite;mix-blend-mode:screen;transform-origin:center}.particles .p:nth-child(odd){animation-duration:5.5s;animation-duration:calc(5s + var(--i, 1)*.5s)}.typed{display:inline-block;transform-origin:left center;transition:transform .22s cubic-bezier(.2,.9,.2,1)}.cursor{animation:blink 1s step-end infinite,cursorGlow 2s ease-in-out infinite}@keyframes cursorGlow{0%{text-shadow:none}50%{text-shadow:0 0 8px #ffd66b8c}to{text-shadow:none}}.btn{will-change:transform,box-shadow}.btn:active{transform:translateY(-2px) scale(.995)}.btn:focus{box-shadow:0 8px 30px #ffd66b1f,0 0 0 6px #ffd66b0f;outline:none}@keyframes bgTilt{0%{transform:scale(1.04) translate3d(34%,-84px,0) rotate(-.3deg)}50%{transform:scale(1.07) translate3d(30%,-64px,0) rotate(.6deg)}to{transform:scale(1.04) translate3d(34%,-84px,0) rotate(-.3deg)}}@keyframes revealUp{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.hello{animation:slideInLeft 1s ease;color:gold;font-size:1.75rem;font-weight:500;text-shadow:2px 2px 4px #00000080}.introText{animation:slideInLeft 1.2s ease;color:#fff;font-size:2.5rem;font-weight:700;line-height:1.5;margin:1rem 0}.introName{color:#ffdf00;text-decoration:underline;text-underline-offset:4px;transition:color .3s ease}.introName.gradient{animation:gradientShift 4s linear infinite;background:linear-gradient(90deg,gold,#ff9f00,#ffdf00,#ff8a00);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000}.introName:hover{color:#ff9f00}.introPara{animation:fadeIn 1.5s ease;color:#ffc505;font-weight:600;letter-spacing:1px;line-height:1.5;opacity:.9}.btn,.introPara{font-size:1rem;margin:1rem 0}.btn{align-items:center;background:linear-gradient(135deg,#ff9f00,#ffdf00);border:none;border-radius:2rem;box-shadow:0 4px 10px #00000080;color:#000;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:.75rem 2rem;position:relative;transition:transform .3s ease,background .3s ease}.btn:hover{background:linear-gradient(135deg,#ffdf00,gold);transform:translateY(-5px) scale(1.05)}.btnImg{height:1rem;margin-right:.5rem;object-fit:contain}@keyframes bgFloat{0%{transform:scale(1.03) translate3d(33%,-80px,0)}50%{transform:scale(1.08) translate3d(30%,-60px,0)}to{transform:scale(1.03) translate3d(33%,-80px,0)}}@keyframes floatA{0%{opacity:.95;transform:translateY(0) translateX(0) scale(1)}50%{opacity:.7;transform:translateY(-12px) translateX(6px) scale(1.08)}to{opacity:.95;transform:translateY(0) translateX(0) scale(1)}}@keyframes floatB{0%{transform:translateY(0) translateX(0) rotate(0deg)}50%{transform:translateY(-18px) translateX(-8px) rotate(18deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}@keyframes floatC{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.12)}to{transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn .btn-sheen{background:linear-gradient(120deg,#ffffff24,#ffffff0f,#ffffff0a);height:100%;left:-40%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .8s cubic-bezier(.2,.9,.2,1);width:40%}.btn:hover .btn-sheen{left:120%}.typewrap{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.typed{color:#ffd66b;font-size:1.05rem;font-weight:700}.cursor{animation:blink 1s step-end infinite;color:#ffd66b;opacity:1}@keyframes blink{50%{opacity:0}}@media screen and (max-width:840px){.introContent{gap:1rem;padding:1.5rem}.bg{opacity:.85;right:-6vw;top:-1.5rem}.intro-left{max-width:520px}.hello{font-size:1.25rem}.introText{font-size:2rem}.introPara{font-size:.9rem}}@media screen and (max-width:480px){#intro{background-image:var(--intro-bg);background-position:50%;background-size:cover}.bg{display:none}.introContent{align-items:flex-start;flex-direction:column;padding:1rem}.intro-left{width:100%}.hello{font-size:1rem}.introText{font-size:1.5rem}.introPara{font-size:.8rem}.btn{font-size:.6rem;font-weight:500;margin:.5rem 0;padding:.3rem 1rem}.particles{display:none}}#skills{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;padding:2rem 1rem;text-align:center;width:100%}.skillTitle{color:#ffdf00;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.6px;margin-bottom:.75rem;opacity:1;padding-top:1.25rem;position:relative}@keyframes titleSlide{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.skillDesc{animation:fadeIn 1.2s ease-in-out forwards;animation-delay:.2s;color:#e3e3e3;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:300;line-height:1.5;margin-bottom:2rem;opacity:1;padding:0 1rem}.skillsBars{display:flex;flex-direction:column;gap:1.5rem;max-width:80%;text-align:left;width:100%}.skillBar{align-items:center;background:linear-gradient(180deg,#282828f2,#181818f2);border-radius:.75rem;box-shadow:0 10px 30px #00000059;display:flex;opacity:0;overflow:visible;padding:1.2rem;position:relative;transform:translateY(18px) scale(.995);transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .35s ease;will-change:transform,opacity}.skillBar:before{background:#ffdf00;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .45s cubic-bezier(.2,.9,.2,1);width:4px}.skillBar.animate{opacity:1;transform:translateY(0) scale(1)}.skillBar[data-delay="0"].animate{animation:slideIn .6s ease-out forwards}.skillBar[data-delay="200"].animate{animation:slideIn .6s ease-out .2s forwards}.skillBar[data-delay="400"].animate{animation:slideIn .6s ease-out .4s forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(24px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.skillBar:hover{box-shadow:0 18px 40px #ffdf001f;transform:translateY(-8px) scale(1.01)}.skillBar:hover:before{transform:scaleY(1)}.skillVisual{--skill-size:72px;--ring-stroke:8px;--ring-gap:calc(var(--ring-stroke)*2 + 10px);height:var(--skill-size);justify-content:center;position:relative;width:var(--skill-size)}.progressRing{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.skillBarImgContainer{align-items:center;background:#ffdf000f;border-radius:50%;display:flex;height:calc(100% - var(--ring-gap));justify-content:center;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .35s ease,border-color .35s ease;width:calc(100% - var(--ring-gap));z-index:1}.skillBarImgContainer:after{border:2px solid #0000;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .35s ease}.skillBar:hover .skillBarImgContainer:after{border-color:#ffdf00;opacity:.7;transform:scale(1.1)}.skillBarImg{border-radius:50%;display:block;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease;width:100%}.skillBar:hover .skillBarImg{transform:scale(1.1)}.skillBarText{position:relative;transition:transform .28s ease;z-index:1}.skillBarText h3{color:#ffdf00;display:inline-block;font-size:clamp(1rem,3vw,1.35rem);font-weight:600;margin:0;position:relative;transition:color .28s ease,transform .28s ease}.skillBarText h3:after{background-color:#ffdf00;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.skillBar:hover .skillBarText h2:after{width:100%}.skillBarText p{color:#dcdcdc;font-size:clamp(.85rem,2.5vw,1rem);font-weight:300;margin-top:.45rem;max-width:100%;transition:color .28s ease,transform .28s ease}.skillBar:hover .skillBarText h2{transform:translateY(-3px)}.skillBar:hover .skillBarText p{color:#fff}.skillVisual{align-items:center;display:flex;flex-shrink:0;gap:.8rem;margin-right:1.25rem}.progressRing{display:block;flex-shrink:0;height:64px;width:64px}.skillBar:after{background:linear-gradient(120deg,#ffffff0f,#fff0);content:"";height:120%;left:-40%;pointer-events:none;position:absolute;top:-10%;transform:skewX(-20deg) translateX(-100%);transition:transform .9s cubic-bezier(.2,.9,.2,1);width:30%}.skillBar:hover:after{transform:skewX(-20deg) translateX(220%)}@media screen and (max-width:768px){.skillsBars{max-width:90%}.skillBar{flex-direction:column;padding:1rem;text-align:center}.skillBarImgContainer{margin-bottom:1rem;margin-right:0}.skillBarText{text-align:center}.skillBarText p{max-width:100%}}@media screen and (max-width:480px){#skills{padding:1rem .5rem}.skillsBars{gap:1rem;max-width:95%}.skillBar{padding:.8rem}.skillDesc{padding:0 .5rem}}@media screen and (max-width:360px){.skillTitle{padding-top:1rem}.skillDesc{margin-bottom:1rem}.skillBar{padding:.6rem}.skillBarImgContainer{height:2.2rem;width:2.2rem}}#works{align-items:center;background:#1e1e1e;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 4rem);overflow:hidden;padding:2rem 1rem;text-align:center;width:100vw}.worksTitle{animation:fadeIn 1s ease-in-out;background:linear-gradient(90deg,gold,#ffc107);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:600;margin-bottom:1rem;position:relative}.worksTitle:after{background:gold;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.worksDesc{animation:fadeIn 1.2s ease-in-out;color:#fff;font-size:1.2rem;font-weight:300;line-height:1.5;margin-bottom:2rem;max-width:60rem}.worksGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem;max-width:85rem;padding:0 1rem;width:100%}.projectCard{background:linear-gradient(180deg,#1c1c1cf2,#141414f2);border-radius:1rem;box-shadow:0 10px 30px #00000073;display:flex;flex-direction:column;overflow:hidden;transition:transform .45s cubic-bezier(.2,.9,.2,1),box-shadow .35s ease}.projectCard.hidden{opacity:0;transform:translateY(26px) scale(.995)}.projectCard.show{opacity:1;transform:translateY(0) scale(1)}.cardMedia{aspect-ratio:16/10;overflow:hidden;position:relative}.cardImg{display:block;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.9,.2,1);width:100%}.projectCard:hover .cardImg{transform:scale(1.06) rotate(-.6deg)}.cardOverlay{align-items:flex-end;background:linear-gradient(180deg,#0000 40%,#00000073);display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .35s ease}.projectCard:hover .cardOverlay{opacity:1}.overlayActions{display:flex;gap:.5rem;padding:.75rem}.overlayBtn,.overlayLink{background:#ffdf00f2;border-radius:999px;box-shadow:0 6px 18px #00000040;color:#000;cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem .9rem}.cardBody{padding:1rem}.cardTitle{color:#ffdf00;font-size:1.05rem;margin:0}.cardDesc{color:#dcdcdc;font-size:.9rem;margin:.45rem 0}.cardTags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#ffdf0014;border-radius:999px;color:#ffdf00;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.videoModal{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.videoBackdrop{background:#0009;inset:0;position:absolute}.videoModalInner{aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 30px 80px #0009;overflow:hidden;position:relative;width:min(1100px,92vw);z-index:2001}.videoModalInner iframe{display:block;height:100%;width:100%}.modalClose{background:#ffffff0f;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:36px;position:absolute;right:10px;top:8px;width:36px;z-index:2010}@media screen and (max-width:720px){.videoModalInner{aspect-ratio:16/9;width:95vw}}.workBtn{background:linear-gradient(135deg,gold,#ffc107);border:none;border-radius:2rem;box-shadow:0 4px 15px #00000026;color:#000;font-size:1rem;font-weight:600;margin:3rem 0;overflow:hidden;padding:.75rem 2.5rem;position:relative;transition:all .3s ease}.workBtn:hover{box-shadow:0 8px 20px #ffd70066;cursor:pointer;transform:translateY(-5px)}.workBtn:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.workBtn:hover:before{left:100%}@media screen and (max-width:720px){.worksTitle{font-size:2.5rem}.cardTitle,.worksDesc{font-size:1rem}.cardDesc{font-size:.9rem}}@media screen and (max-width:480px){.worksTitle{font-size:2rem}.worksDesc{font-size:.9rem}.worksGrid{gap:.9rem}.overlayBtn,.overlayLink{font-size:.7rem;padding:.4rem .6rem}.cardTitle{font-size:.95rem}.cardDesc,.workBtn{font-size:.85rem}.workBtn{margin:2rem 0;padding:.5rem 1.25rem}}#contactPage{align-items:center;background:#1e1e1e;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,3rem);margin:0 auto;max-width:65rem;min-height:calc(100vh - 4rem);overflow:hidden;padding:clamp(1rem,3vw,2rem) clamp(.5rem,2vw,1rem);position:relative;text-align:center;width:100%}#contactPage:before{background:linear-gradient(90deg,#0000,#ffdf00,#0000);content:"";height:3px;left:0;opacity:.5;position:absolute;top:0;width:100%}.contactBlobs{inset:0;pointer-events:none;position:absolute;z-index:0}.blob{border-radius:50%;filter:blur(36px);opacity:.12;position:absolute;transform:translateZ(0)}.b1{background:#ffdf00;height:360px;left:-8%;top:-10%;width:360px}.b2{background:#00d4ff;height:480px;opacity:.08;right:-14%;top:6%;width:480px}.b3{background:#9b59ff;bottom:-8%;height:240px;left:20%;opacity:.06;width:240px}@keyframes blobMove{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}to{transform:translateY(0) scale(1)}}.b1{animation:blobMove 8s ease-in-out infinite}.b2{animation:blobMove 10s ease-in-out infinite}.b3{animation:blobMove 9s ease-in-out infinite}.contactPageTitle{color:#ffdf00;font-size:clamp(2rem,5vw,3rem);font-weight:600;margin-bottom:clamp(.5rem,2vw,1rem);opacity:0;position:relative;transform:translateY(-20px);transition:all .8s ease}.contactPageTitle.title-animate{opacity:1;transform:translateY(0)}.contactPageTitle:after{background:#ffdf00;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .6s ease .3s;width:0}.contactPageTitle.title-animate:after{width:clamp(40px,10vw,60px)}.clientDesc{animation:fadeInDesc 1s ease .4s forwards;color:#fff;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:300;line-height:1.6;margin-bottom:clamp(1rem,3vw,2rem);opacity:0;padding:0 clamp(.5rem,3vw,1rem)}@keyframes fadeInDesc{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.clientImgs{display:flex;flex-wrap:wrap;gap:clamp(.5rem,2vw,1rem);justify-content:center;padding:0 1rem;perspective:1000px}.clientImg{aspect-ratio:1;border:2px solid #ffdf00;border-radius:50%;box-shadow:0 4px 10px #0000001a;opacity:0;overflow:hidden;position:relative;transform:scale(.8) translateY(20px);transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:clamp(60px,13%,100px)}.clientImg.animate-in{animation:popIn .6s forwards}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}60%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.clientImg:hover{box-shadow:0 8px 20px #ffdf0066;transform:scale(1.15);z-index:10}.clientImg:before{background:radial-gradient(circle,#ffdf0033 0,#ffdf0000 70%);border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.clientImg:hover:before{opacity:1}.contactDesc{animation:fadeInDesc 1s ease .4s forwards;color:#fff;font-size:clamp(.9rem,2.5vw,1rem);font-weight:300;line-height:1.5;margin-bottom:clamp(1rem,3vw,1.5rem);opacity:0;padding:0 1rem}.contactForm{align-items:center;display:flex;flex-direction:column;gap:clamp(.8rem,2vw,1.2rem);max-width:min(40rem,90vw);opacity:0;padding:0 1rem;position:relative;transform:translateY(30px);transition:all .8s ease;width:100%;z-index:2}.contactForm.form-animate{opacity:1;transform:translateY(0)}.input-container{position:relative;width:100%}.input-container .floating-label{color:#ffffffbf;font-size:.95rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:left top;transition:top .18s ease,transform .18s ease,font-size .18s ease,color .18s ease}.input-container input:focus+.floating-label,.input-container textarea:focus+.floating-label,.input-container.filled .floating-label{color:#ffdf00;font-size:.85rem;top:8px;transform:translateY(0) scale(.92)}.email,.msg,.name{background:#333c;border:none;border-radius:.5rem;box-shadow:inset 0 2px 4px #0000001a;color:#fff;font-size:clamp(.9rem,2vw,1rem);padding:clamp(.8rem,2vw,.95rem) clamp(1rem,2.5vw,1.2rem);position:relative;transition:all .3s ease;width:100%;z-index:1;z-index:2}.input-container.filled .email,.input-container.filled .msg,.input-container.filled .name{background:#333333f2}.focus-border{background:#ffdf00;border-radius:2px;bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0;z-index:2}.textarea{bottom:5px}.email:focus,.msg:focus,.name:focus{background:#333333f2;box-shadow:0 0 15px #ffdf0033;outline:none;transform:translateY(-2px)}.email:focus+.focus-border,.msg:focus+.focus-border,.name:focus+.focus-border{width:50%}.submitBtn{background:#ffdf00;border:none;border-radius:2rem;box-shadow:0 4px 10px #ffdf004d;color:#1e1e1e;font-size:clamp(.9rem,2vw,1rem);font-weight:500;overflow:hidden;padding:clamp(.7rem,2vw,.85rem) clamp(2rem,6vw,3.5rem);position:relative;transition:all .4s ease;z-index:1}.submitBtn span{position:relative;transition:all .3s ease;z-index:2}.button-effect{background:linear-gradient(90deg,#ffdf00,#ffc107);height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateX(-100%);transition:all .5s ease;width:100%}.submitBtn:hover{box-shadow:0 8px 20px #ffdf0040;cursor:pointer;transform:translateY(-3px)}.submitBtn:hover .button-effect{opacity:1;transform:translateX(0)}.submitBtn:active{transform:translateY(0)}.links{display:flex;flex-wrap:wrap;gap:clamp(.8rem,2vw,1.2rem);justify-content:center;margin-top:clamp(1.5rem,4vw,2.5rem)}.link-wrapper{animation:fadeIn .8s ease forwards;animation-delay:0s;animation-delay:calc(.08s*var(--i, 0));opacity:0;position:relative;transition:all .3s ease}.link-wrapper:before{background:#000000b3;border-radius:.5rem;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:clamp(.7rem,2vw,.8rem);left:50%;opacity:0;padding:.3rem .8rem;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.8);transition:all .3s ease;white-space:nowrap}.link-wrapper:hover:before{bottom:-35px;opacity:1;transform:translateX(-50%) scale(1)}.link{border:2px solid #ffdf00;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:clamp(2.8rem,6vw,3.2rem);object-fit:cover;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:clamp(2.8rem,6vw,3.2rem)}.link:hover{border-color:#ffdf00;box-shadow:0 8px 16px #ffdf004d;cursor:pointer;transform:scale(1.25)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.submitSuccess{animation:popSuccess .6s ease forwards;background:#282828e6;border-radius:999px;box-shadow:0 6px 18px #00000073;color:#e8ffef;gap:.6rem;margin-top:1rem;padding:.5rem .9rem}.checkmark,.submitSuccess{align-items:center;display:inline-flex}.checkmark{background:#2ecc71;border-radius:50%;color:#fff;font-weight:700;height:28px;justify-content:center;width:28px}@keyframes popSuccess{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.submitError{color:#ffb4b4;margin-top:.8rem}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.clientImg:nth-child(odd):hover{animation:float 3s ease-in-out infinite}.clientImg:nth-child(2n):hover{animation:float 4s ease-in-out infinite}@media screen and (max-width:768px){.clientImg{width:20%}.contactForm{width:95%}}@media screen and (max-width:480px){.clientImg{width:25%}.links{gap:.8rem}.link-wrapper:before{bottom:-30px;font-size:.7rem;padding:.2rem .6rem}}@media screen and (max-width:360px){.clientImg{width:28%}.link{height:2.5rem;width:2.5rem}.email,.msg,.name{font-size:.9rem;padding:.6rem .9rem}}.footer{background:#282828;box-shadow:0 -4px 10px #0003;color:#fff;font-size:small;font-weight:300;height:6rem;justify-content:center;overflow:hidden;padding:1rem;text-align:center;transition:all .4s ease;width:100vw}.footer,.footer-content{align-items:center;display:flex;position:relative}.footer-content{flex-direction:column;gap:.5rem;z-index:2}.footerText{animation:fadeInUp 1.2s ease;color:#ddd;font-size:.9rem;letter-spacing:1px;margin:0;transition:color .3s ease,transform .3s ease}.social-icons{display:flex;gap:1rem;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .4s cubic-bezier(.2,.9,.2,1),transform .45s cubic-bezier(.2,.9,.2,1)}.icon{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;height:2rem;justify-content:center;position:relative;transition:transform .25s cubic-bezier(.2,.9,.2,1),box-shadow .25s ease;width:2rem}.icon:hover{box-shadow:0 6px 18px #00000059,inset 0 0 8px #ffdf0014;transform:scale(1.15) translateY(-2px)}.icon:focus{box-shadow:0 0 0 4px #ffdf001f,0 6px 18px #00000059;outline:none;transform:scale(1.08)}.icon:after{background:#ffffff14;border-radius:50%;content:"";height:8px;opacity:0;position:absolute;transform:scale(0);transition:transform .45s cubic-bezier(.2,.9,.2,1),opacity .45s ease;width:8px}.icon:active:after{opacity:1;transform:scale(6);transition:transform .55s cubic-bezier(.2,.9,.2,1),opacity .55s ease}.footer.hovered{background:#232323;box-shadow:0 -4px 20px #ffdf0066}.footer.hovered .social-icons{opacity:1;transform:translateY(0)}.footer.hovered .icon{opacity:0;transform:translateY(6px) scale(.98)}.footer.hovered .icon:first-child{animation:iconPop .42s ease .12s forwards}.footer.hovered .icon:nth-child(2){animation:iconPop .42s ease .24s forwards}.footer.hovered .icon:nth-child(3){animation:iconPop .42s ease .36s forwards}.footer.hovered .footerText{color:#ffdf00;transform:translateY(-5px)}.footer:before{animation:rotateAccent 10s linear infinite;background:radial-gradient(circle at center,#ffffff1a,#0000);content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;width:200%;z-index:0}.footer-particles{height:100%;left:0;top:0;width:100%;z-index:1}.footer-particles,.particle{pointer-events:none;position:absolute}.particle{background:#ffdf004d;border-radius:50%;height:5px;opacity:0;width:5px}.footer.hovered .particle{animation:floatParticle 2.8s cubic-bezier(.2,.8,.2,1) infinite}.footer.hovered .particle:first-child{animation-delay:0s;left:10%;top:20%}.footer.hovered .particle:nth-child(2){animation-delay:.2s;left:20%;top:60%}.footer.hovered .particle:nth-child(3){animation-delay:.1s;left:30%;top:40%}.footer.hovered .particle:nth-child(4){animation-delay:.3s;left:40%;top:70%}.footer.hovered .particle:nth-child(5){animation-delay:.5s;left:50%;top:30%}.footer.hovered .particle:nth-child(6){animation-delay:.4s;left:60%;top:80%}.footer.hovered .particle:nth-child(7){animation-delay:.2s;left:70%;top:20%}.footer.hovered .particle:nth-child(8){animation-delay:.1s;left:80%;top:50%}.footer.hovered .particle:nth-child(9){animation-delay:.3s;left:90%;top:30%}.footer.hovered .particle:nth-child(10){animation-delay:.5s;left:95%;top:60%}@keyframes rotateAccent{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) scale(.6) translateX(0)}50%{opacity:.7;transform:translateY(-18px) scale(1) translateX(6px)}to{opacity:0;transform:translateY(-36px) scale(.6) translateX(-6px)}}@keyframes iconPop{0%{opacity:0;transform:translateY(10px) scale(.96)}60%{opacity:1;transform:translateY(-6px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.005)}to{transform:scale(1)}}.footer.hovered{animation:pulse 2s ease-in-out infinite}.footer.hovered:after{animation:sweep 1.6s ease forwards;background:linear-gradient(120deg,#ffffff05,#ffffff0f,#ffffff05);content:"";height:120%;left:-40%;mix-blend-mode:overlay;opacity:.9;pointer-events:none;position:absolute;top:-10%;transform:skewX(-20deg) translateX(-100%);width:40%;z-index:1}@keyframes sweep{to{opacity:.95;transform:skewX(-20deg) translateX(220%)}}@media screen and (max-width:600px){.footer{height:6rem;padding:1rem .5rem}.footerText{font-size:.8rem}.social-icons{gap:.7rem}}@media (prefers-reduced-motion:reduce){.footer,.footer *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.footer.hovered .icon,.footer.hovered .social-icons{opacity:1;transform:none}}.experience-section{align-items:center;background:#1e1e1e;box-sizing:border-box;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(2rem,5vw,5rem) clamp(.5rem,3vw,1rem);width:100%}.container{margin:0 auto;max-width:min(1100px,90vw);text-align:center;width:100%}.section-title{background:linear-gradient(90deg,gold,#ffc107);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.8rem,5vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem;text-transform:uppercase}.section-description{color:#fff;font-size:clamp(.9rem,2.5vw,1.1rem);line-height:1.6;margin:0 auto clamp(1.5rem,4vw,3rem);padding:0 1rem}.section-description,.timeline{max-width:min(800px,90vw);width:100%}.timeline{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,3rem);margin:clamp(1.5rem,4vw,3rem) auto;position:relative;text-align:left}.timeline:before{background:linear-gradient(180deg,#ffd7001a,#ffc10780,#ffa500cc);content:"";height:100%;left:clamp(25px,7vw,50px);position:absolute;width:2px}.timeline-item{align-items:flex-start;flex-direction:row;gap:clamp(1rem,3vw,2rem);width:100%}.timeline-dot,.timeline-item{display:flex;position:relative}.timeline-dot{align-items:center;background:linear-gradient(135deg,gold,#ffc107);border-radius:50%;box-shadow:0 0 15px #ffd70080;color:#fff;flex-shrink:0;height:clamp(40px,8vw,50px);justify-content:center;margin-left:clamp(30px,7vw,50px);min-height:clamp(40px,8vw,50px);min-width:clamp(40px,8vw,50px);width:clamp(40px,8vw,50px);z-index:2}.achievement-dot{background:linear-gradient(135deg,#ff9f43,#ff6b6b)}.timeline-content{background:#1e1e1e;border:1px solid #ffc1074d;border-radius:10px;box-shadow:0 5px 20px #0003;margin-left:0;margin-top:0;padding:clamp(1rem,2.5vw,1.5rem);transition:all .3s ease;width:100%}.experience-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.timeline-content:hover{box-shadow:0 8px 25px #ffd7004d;transform:translateY(-5px) scale(1.02)}.experience-role{color:#fff;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:600;line-height:1.3;margin-bottom:.5rem}.experience-company{color:#ffc107;font-size:clamp(.9rem,2.5vw,1rem);font-weight:500;margin-bottom:.7rem}.experience-duration{align-items:center;color:#b8b8b8;display:flex;font-size:clamp(.8rem,2vw,.9rem);gap:.5rem}.duration-icon{color:gold;flex-shrink:0}.cert-row{align-items:center;display:flex;margin-top:.75rem}.cert-link{align-items:center;background:linear-gradient(90deg,#ffd7001f,#ffc1070f);border:1px solid #ffc1072e;border-radius:8px;color:gold;display:inline-flex;font-weight:600;gap:.5rem;padding:.45rem .7rem;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.cert-link:hover{box-shadow:0 6px 18px #ffc1071f;transform:translateY(-3px)}.cert-text{font-size:.92rem}.external-arrow{font-size:.9rem;opacity:.9}@media (max-width:768px){.timeline{text-align:left}.timeline:before{left:clamp(20px,6vw,25px)}.timeline-item{align-items:flex-start;flex-direction:column;gap:1rem}.timeline-dot{align-self:flex-start;margin-left:0}.timeline-content{margin-left:0;margin-top:-.5rem;width:calc(100% - clamp(40px, 8vw, 50px) - 1rem)}}@media (max-width:480px){.experience-section{padding:1.5rem .5rem}.timeline:before{left:20px}.timeline-dot{height:40px;width:40px}.timeline-content{padding:1rem}.experience-duration{flex-wrap:wrap}}
/*# sourceMappingURL=main.fa21b162.css.map*/