body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body h1,body h2,body h3,body p{font-family:regular;margin:0;padding:0}@font-face{font-family:light;src:local("poppinsLight"),url(/static/media/Poppins-Light.7641a0f76ca9ef6c252c.ttf) format("truetype")}@font-face{font-family:regular;src:local("poppinsRegular"),url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-family:medium;src:local("poppinsMedium"),url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf) format("truetype")}@font-face{font-family:semibold;src:local("poppinsSemiBold"),url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}.layout{background-color:#08090c;display:flex;flex-direction:column;overflow-x:hidden;scroll-behavior:smooth}.bannerContainer{background:radial-gradient(circle at 50% 50%,#3b82f614 0,#000000f2 70%);border:1px solid #3b82f633;border-radius:24px;margin:6%;opacity:0;overflow:hidden;padding:80px 40px;position:relative;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.bannerContainer.visible{opacity:1;transform:translateY(0)}.bannerContainer:before{background:radial-gradient(circle at 50% 50%,#3b82f60d 0,#0000 70%);border-radius:24px;bottom:0;left:0;opacity:0;right:0;top:0;transition:opacity .6s ease}.bannerContainer:after,.bannerContainer:before{content:"";pointer-events:none;position:absolute}.bannerContainer:after{animation:rotateLine 3s linear infinite;background:linear-gradient(90deg,#1e3a8a,#0000,#0000,#0000);background-size:25% 100%;border-radius:25px;bottom:-1px;left:-1px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:1px;right:-1px;top:-1px;z-index:1}.bannerContainer:hover{border-color:#3b82f666;box-shadow:0 15px 35px #3b82f61a;transform:translateY(-5px)}.bannerContainer:hover:before{opacity:1}.bannerContainer:hover .meImage{box-shadow:0 0 40px #3b82f64d;transform:scale(1.05)}.bannerContainer:hover .infoCard{border-color:#3b82f64d;transform:translateY(-3px)}.bannerContent{align-items:center;display:flex;flex-direction:column;gap:40px;position:relative;z-index:2}.meImage{animation:imageEntrance 1.2s cubic-bezier(.4,0,.2,1) .3s forwards;border:2px solid #3b82f64d;border-radius:50%;box-shadow:0 0 20px #3b82f633;height:280px;object-fit:cover;opacity:0;transform:scale(.8);transition:all .6s cubic-bezier(.4,0,.2,1);width:280px}.bannerTitle{animation:fadeInUp 1s ease-out .6s forwards;opacity:0;text-align:center;transform:translateY(20px)}.bannerTitle h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb 50%,#d1d5db);background-clip:text;-webkit-background-clip:text;font-size:3.2rem;font-weight:700;margin-bottom:12px;transition:all .3s ease}.bannerTitle p{color:#ffffffb3;font-size:1.2rem;font-weight:300;transition:all .3s ease}.bannerInfo{grid-gap:24px;animation:fadeInUp 1s ease-out .9s forwards;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:900px;opacity:0;transform:translateY(30px);width:100%}.infoCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.infoCard:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.infoCard:hover:before{left:100%}.infoCard .cardIcon{display:block;font-size:2rem;margin-bottom:12px;transition:transform .3s ease}.infoCard:hover .cardIcon{transform:scale(1.1) rotate(5deg)}.infoCard .cardTitle{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:8px;transition:color .3s ease}.infoCard .cardContent{color:#ffffffb3;font-size:.9rem;line-height:1.4;transition:color .3s ease}.infoCard:hover .cardTitle{color:#3b82f6e6}.infoCard:hover .cardContent{color:#ffffffe6}@keyframes imageEntrance{to{opacity:1;transform:scale(1)}}@keyframes rotateLine{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:1024px){.bannerContainer:after{animation:none}}@media(max-width:768px){.bannerContainer,.bannerContainer:before{animation:none!important;transition:none!important}.bannerContainer:after{animation:none!important;display:none}.bannerContainer:active,.bannerContainer:focus,.bannerContainer:hover{border-color:#3b82f633!important;box-shadow:none!important;transform:none!important}.bannerContainer:active:before,.bannerContainer:focus:before,.bannerContainer:hover:before{opacity:0!important}.bannerContainer:active .meImage,.bannerContainer:focus .meImage,.bannerContainer:hover .meImage{box-shadow:none!important;transform:none!important}.bannerContainer:active .infoCard,.bannerContainer:focus .infoCard,.bannerContainer:hover .infoCard{border-color:inherit!important;transform:none!important}.meImage{transition:none!important}.meImage:active,.meImage:focus,.meImage:hover{box-shadow:none!important;transform:none!important}.bannerTitle h1,.bannerTitle p,.infoCard,.infoCard .cardContent,.infoCard .cardTitle{transition:none!important}.infoCard:active,.infoCard:focus,.infoCard:hover{border-color:inherit!important;transform:none!important}.infoCard:active .cardTitle,.infoCard:focus .cardTitle,.infoCard:hover .cardTitle{color:#fff!important}.infoCard:active .cardContent,.infoCard:focus .cardContent,.infoCard:hover .cardContent{color:#ffffffb3!important}}@media(max-width:480px){.bannerContainer{margin:60px 0;padding:40px 16px}.bannerContainer:after{animation:none}.meImage{height:130px;width:130px}.bannerTitle h1{font-size:2rem}.bannerTitle p{font-size:1rem}}.aboutSection{border-radius:15px;margin:8% 6%;opacity:0;overflow:hidden;padding:2% 4%;position:relative;transform:translateY(50px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.aboutSection.visible{opacity:1;transform:translateY(0)}.aboutSection:before{background:radial-gradient(circle at 20% 80%,#4c9aff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#9cdcfe14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.aboutSection .aboutContainer{margin:0 auto;max-width:1400px;padding:0 3%;position:relative;z-index:2}.aboutSection .aboutContent{grid-gap:8%;display:grid;gap:8%;grid-template-columns:1.2fr 1fr;padding:3% 0}.aboutSection .aboutText{padding-right:4%}.aboutSection .aboutText .titleContainer{margin-bottom:2%;position:relative}.aboutSection .aboutText .titleContainer .aboutTitle{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,#fff,#e0e0e0 30%,#4c9aff 70%,#1976d2);-webkit-background-clip:text;background-clip:text;color:#f7fff7;font-family:semibold;font-size:clamp(2.5rem,4vw,3.5rem);margin:0;position:relative}.aboutSection .aboutText .titleContainer .titleUnderline{animation:underlineExpand 1.5s ease-out .5s forwards;background:linear-gradient(90deg,#4c9aff,#1976d2 50%,#0000);border-radius:2px;height:4px;margin-top:2%;width:0}.aboutSection .aboutText .aboutSubtitle{animation:fadeInUp 1s ease-out .3s forwards;color:#a8b2a8;font-family:medium;font-size:clamp(1.1rem,1.5vw,1.3rem);margin-bottom:3%;opacity:0}.aboutSection .aboutText .aboutDescription{animation:fadeInUp 1s ease-out .6s forwards;color:#d1d5d1;font-family:regular;font-size:clamp(.95rem,1.1vw,1.05rem);line-height:1.7;margin-bottom:5%;opacity:0}.aboutSection .aboutText .aboutHighlights{display:flex;flex-direction:column;gap:4%;margin-bottom:5%}.aboutSection .aboutText .aboutHighlights .highlight{align-items:flex-start;animation:slideInLeft 1s ease-out forwards;background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;display:flex;gap:5%;margin-bottom:2%;opacity:0;padding:5% 6%;transform:translateX(-30px);transition:all .3s ease}.aboutSection .aboutText .aboutHighlights .highlight:first-child{animation-delay:.9s}.aboutSection .aboutText .aboutHighlights .highlight:nth-child(2){animation-delay:1.2s}.aboutSection .aboutText .aboutHighlights .highlight:hover{background:#4c9aff14;border-color:#4c9aff33;transform:translateY(-2px)}.aboutSection .aboutText .aboutHighlights .highlight .highlightIcon{color:#4c9aff;flex-shrink:0;height:28px;margin-top:2px;width:28px}.aboutSection .aboutText .aboutHighlights .highlight .highlightIcon svg{animation:iconPulse 2s ease-in-out infinite;height:100%;width:100%}.aboutSection .aboutText .aboutHighlights .highlight .highlightContent h4{color:#f7fff7;font-family:medium;font-size:1.1rem;margin:0 0 1rem}.aboutSection .aboutText .aboutHighlights .highlight .highlightContent p{color:#b8c2b8;font-family:regular;line-height:1.6;margin:0}.aboutSection .aboutText .statsContainer{animation:fadeInUp 1s ease-out 1.5s forwards;display:flex;gap:4%;margin:4% 0;opacity:0}.aboutSection .aboutText .statsContainer .stat{background:linear-gradient(135deg,#4c9aff1a,#1976d20d);border:1px solid #4c9aff33;border-radius:12px;flex:1 1;padding:4% 2.5%;text-align:center;transition:transform .3s ease}.aboutSection .aboutText .statsContainer .stat:hover{transform:translateY(-5px) scale(1.05)}.aboutSection .aboutText .statsContainer .stat .statNumber{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4c9aff,#1976d2);-webkit-background-clip:text;background-clip:text;font-family:semibold;font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:.5rem}.aboutSection .aboutText .statsContainer .stat .statLabel{color:#a8b2a8;font-family:regular;font-size:clamp(.75rem,1vw,.85rem);line-height:1.3}.aboutSection .aboutVisual{align-items:center;display:flex;justify-content:center;padding-left:3%;position:relative}.aboutSection .aboutVisual .visualContainer{align-items:flex-start;display:flex;justify-content:center;min-height:300px;position:relative;width:100%}.aboutSection .aboutVisual .floatingCard{animation:cardEntrance 1.5s cubic-bezier(.16,1,.3,1) .8s forwards,cardFloat 8s ease-in-out 2.3s infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2a2d3af2,#1e1f2efa);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;height:auto;max-width:500px;min-height:300px;opacity:0;overflow:hidden;padding:0;position:relative;transform:scale(.8) rotateY(20deg);width:95%}.aboutSection .aboutVisual .floatingCard .cardHeader{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:4% 6%}.aboutSection .aboutVisual .floatingCard .cardHeader .windowControls{display:flex;gap:8px}.aboutSection .aboutVisual .floatingCard .cardHeader .windowControls .control{border-radius:50%;height:12px;width:12px}.aboutSection .aboutVisual .floatingCard .cardHeader .windowControls .control.close{background:#ff5f57}.aboutSection .aboutVisual .floatingCard .cardHeader .windowControls .control.minimize{background:#ffbd2e}.aboutSection .aboutVisual .floatingCard .cardHeader .windowControls .control.maximize{background:#28ca42}.aboutSection .aboutVisual .floatingCard .cardHeader .fileName{color:#a8b2a8;font-family:medium;font-size:.9rem}.aboutSection .aboutVisual .floatingCard .cardContent{align-items:flex-start;display:flex;flex-grow:1;height:auto;min-height:200px;padding:6% 7%}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet{word-wrap:break-word;font-family:Fira Code,Courier New,monospace;font-size:clamp(11px,1.1vw,13px);line-height:1.5;overflow-wrap:break-word;position:relative;white-space:pre-wrap;width:100%}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeComment{color:#6a9955}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeKeyword{color:#569cd6;font-weight:600}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeVariable{color:#9cdcfe}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeProperty{color:#92c5f7}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeString{color:#ce9178;display:inline}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeString:has-text-overflow{margin-left:2em}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeOperator{color:#d4d4d4}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeBracket{color:gold;font-weight:600}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .codeIndent{color:#0000;-webkit-user-select:none;user-select:none}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet .cursor{animation:blink 1s infinite;color:#4c9aff;font-weight:100}.aboutSection .aboutVisual .floatingElements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.aboutSection .aboutVisual .floatingElements .floatingDot{background:linear-gradient(135deg,#4c9aff,#1976d2);border-radius:50%;opacity:.6;position:absolute}.aboutSection .aboutVisual .floatingElements .floatingDot.dot1{animation:floatDot1 4s ease-in-out infinite;height:8px;left:10%;top:20%;width:8px}.aboutSection .aboutVisual .floatingElements .floatingDot.dot2{animation:floatDot2 5s ease-in-out infinite;height:12px;right:15%;top:60%;width:12px}.aboutSection .aboutVisual .floatingElements .floatingDot.dot3{animation:floatDot3 3.5s ease-in-out infinite;bottom:25%;height:6px;left:20%;width:6px}.aboutSection .aboutVisual .floatingElements .floatingShape{border:2px solid #4c9aff4d;position:absolute}.aboutSection .aboutVisual .floatingElements .floatingShape.shape1{animation:rotateShape1 6s linear infinite;border-radius:4px;height:20px;right:20%;top:15%;width:20px}.aboutSection .aboutVisual .floatingElements .floatingShape.shape2{animation:rotateShape2 8s linear infinite reverse;border-radius:50%;bottom:20%;height:16px;right:10%;width:16px}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(76,154,255,.3))}to{filter:drop-shadow(0 0 15px rgba(76,154,255,.6))}}@keyframes underlineExpand{0%{width:0}to{width:60%}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes cardEntrance{0%{opacity:0;transform:scale(.8) rotateY(20deg)}to{opacity:1;transform:scale(1) rotateY(0deg)}}@keyframes cardFloat{0%,to{transform:scale(1) rotateY(0deg) translateY(0) rotateX(0deg)}50%{transform:scale(1) rotateY(0deg) translateY(-15px) rotateX(2deg)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes floatDot1{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-20px) translateX(10px)}66%{transform:translateY(10px) translateX(-5px)}}@keyframes floatDot2{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-25px) translateX(-15px)}}@keyframes floatDot3{0%,to{transform:translateY(0) translateX(0)}40%{transform:translateY(-15px) translateX(8px)}80%{transform:translateY(5px) translateX(-10px)}}@keyframes rotateShape1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateShape2{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(1turn) scale(1)}}@media(max-width:1200px){.aboutSection{margin:6% 4%;padding:6% 3%}.aboutSection .aboutContainer{padding:0 2%}.aboutSection .aboutVisual .visualContainer{height:320px}.aboutSection .aboutVisual .floatingCard{max-width:450px}}@media(max-width:1024px){.aboutSection{margin:5% 3%;padding:8% 2%}.aboutSection .aboutContent{gap:8%;grid-template-columns:1fr;padding:4% 0}.aboutSection .aboutText{margin-bottom:6%;padding-right:0;text-align:center}.aboutSection .aboutText .statsContainer{flex-direction:row;gap:3%;margin:5% 0}.aboutSection .aboutText .statsContainer .stat{padding:4% 3%}.aboutSection .aboutText .aboutHighlights{gap:4%;margin-top:4%}.aboutSection .aboutText .aboutHighlights .highlight{margin-bottom:1.5%;padding:4% 5%}.aboutSection .aboutText .aboutHighlights .highlight .highlightContent{text-align:center}.aboutSection .aboutText .aboutHighlights .highlight .highlightContent h4{color:#f7fff7;font-family:medium;font-size:1.1rem;margin:0 0 1rem;text-align:center}.aboutSection .aboutText .aboutHighlights .highlight .highlightContent p{color:#b8c2b8;font-family:regular;line-height:1.6;margin:0;text-align:center}.aboutSection .aboutVisual{order:-1;padding-left:0}.aboutSection .aboutVisual .visualContainer{height:auto;min-height:280px}.aboutSection .aboutVisual .floatingCard{height:auto;max-width:90%;min-height:280px;width:90%}}@media(max-width:768px){.aboutSection{margin:4% 2%;padding:8% 2%}.aboutSection .aboutContainer{padding:0 2%}.aboutSection .aboutContent{gap:6%;padding:3% 0}.aboutSection .aboutText{margin-bottom:8%}.aboutSection .aboutText .statsContainer{flex-direction:column;gap:4%;margin:6% 0}.aboutSection .aboutText .statsContainer .stat{margin-bottom:2%;padding:5% 4%}.aboutSection .aboutText .statsContainer .stat .statNumber{font-size:1.8rem}.aboutSection .aboutText .statsContainer .stat .statLabel{font-size:.9rem}.aboutSection .aboutText .aboutHighlights{gap:3%;margin-top:5%}.aboutSection .aboutText .aboutHighlights .highlight{margin-bottom:2%;padding:5% 6%}.aboutSection .aboutVisual{margin-bottom:0}.aboutSection .aboutVisual .visualContainer{height:auto;min-height:250px}.aboutSection .aboutVisual .floatingCard{height:auto;max-width:95%;min-height:250px;width:95%}}@media(max-width:480px){.aboutSection{margin:3% 1%;padding:15% 2%}.aboutSection .aboutContent{gap:8%;padding:4% 0}.aboutSection .aboutText{margin-bottom:10%}.aboutSection .aboutText .statsContainer{flex-direction:column;gap:5%;margin:8% 0}.aboutSection .aboutText .statsContainer .stat{margin-bottom:3%;padding:6% 5%}.aboutSection .aboutText .statsContainer .stat .statNumber{font-size:1.6rem}.aboutSection .aboutText .statsContainer .stat .statLabel{font-size:.85rem}.aboutSection .aboutText .aboutHighlights{gap:4%;margin-top:6%}.aboutSection .aboutText .aboutHighlights .highlight{flex-direction:column;gap:3%;margin-bottom:3%;padding:6% 5%;text-align:center}.aboutSection .aboutVisual .visualContainer{height:auto;min-height:220px}.aboutSection .aboutVisual .floatingCard{height:auto;max-width:none;min-height:200px;width:98%}.aboutSection .aboutVisual .floatingCard .cardContent{flex:1 1;min-height:auto;padding:5% 6%}.aboutSection .aboutVisual .floatingCard .cardContent .codeSnippet{font-size:11px;height:auto;min-height:auto}}.skillsSection{background:radial-gradient(circle at 20% 80%,#4c9aff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#9cdcfe0d 0,#0000 50%);border:1px solid #3b82f626;border-radius:24px;margin:8% 6%;opacity:0;overflow:hidden;padding:4% 4% 6%;position:relative;transform:translateY(50px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.skillsSection.visible{opacity:1;transform:translateY(0)}.skillsSection:before{background:radial-gradient(circle at 50% 50%,#3b82f608 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.skillsSection .skillsContainer{margin:0 auto;max-width:1400px;position:relative;z-index:2}.skillsSection .skillsContainer .skillsHeader{animation:fadeInUp 1s ease-out;margin-bottom:6%;text-align:center}.skillsSection .skillsContainer .skillsHeader .skillsTitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7fff7,#4c9aff);-webkit-background-clip:text;background-clip:text;color:#f7fff7;font-family:semibold;font-size:48px;margin-bottom:2%}.skillsSection .skillsContainer .skillsHeader .skillsSubtitle{color:#a8b2a8;font-family:regular;font-size:18px}.skillsSection .skillsContainer .sectionTitle{color:#f7fff7;font-family:medium;font-size:24px;margin-bottom:4%;position:relative;text-align:center}.skillsSection .skillsContainer .sectionTitle:after{background:linear-gradient(90deg,#4c9aff,#1976d2);border-radius:1px;bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.skillsSection .skillsContainer .featuredSkillsSection{margin-bottom:8%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid{grid-gap:3%;display:grid;gap:3%;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:4%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard{animation:slideInScale .8s ease-out forwards;background:linear-gradient(135deg,#3b82f61a,#1e3a8a0d 50%,#000c);border:1px solid #3b82f64d;border-radius:20px;opacity:0;overflow:hidden;padding:6%;position:relative;transform:translateY(30px) scale(.95);transition:all .4s cubic-bezier(.4,0,.2,1)}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard:nth-child(-n+3){padding-bottom:calc(6% + 10px)}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard:before{background:linear-gradient(90deg,#0000,#4c9aff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard:hover{border-color:#4c9aff80;box-shadow:0 20px 40px #4c9aff26,0 0 30px #4c9aff1a;transform:translateY(-8px) scale(1.02)}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard:hover:before{left:100%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader{align-items:flex-start;display:flex;gap:4%;margin-bottom:auto}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillIcon{align-items:center;background:linear-gradient(135deg,#4c9aff33,#1976d21a);border:1px solid #4c9aff4d;border-radius:12px;display:flex;font-size:32px;height:56px;justify-content:center;min-width:56px;padding:12px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillInfo .skillName{color:#f7fff7;display:block;font-family:semibold;font-size:20px;margin-bottom:2%;margin-top:0}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillInfo .skillDescription{color:#a8b2a8;font-family:regular;font-size:14px;line-height:1.4;margin:0 0 20px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel{margin-top:auto}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel .levelText{color:#4c9aff;display:block;font-family:medium;font-size:16px;margin-bottom:3%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel .skillBar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;position:relative}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel .skillBar .skillProgress{background:linear-gradient(90deg,#4c9aff,#1976d2);border-radius:4px;height:100%;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel .skillBar .skillProgress:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid{grid-gap:3%;display:grid;gap:3%;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem{animation:slideInUp .6s ease-out forwards;background:linear-gradient(135deg,#2a2d3a99,#1e1f2e66);border:1px solid #ffffff1a;border-radius:16px;opacity:0;padding:5%;transform:translateY(20px);transition:all .3s ease}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem:hover{border-color:#4c9aff4d;box-shadow:0 10px 25px #4c9aff1a;transform:translateY(-5px)}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:4%}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillIcon{font-size:20px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillIcon img{height:100%;object-fit:contain;width:100%}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillIcon{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .otherSkillItem .skillIcon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillBar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillBar .skillProgress{background:linear-gradient(90deg,#4c9aff,#1976d2);border-radius:3px;height:100%;transition:width 1s ease-out}@keyframes slideInScale{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(max-width:768px){.skillsSection{margin:5%;padding:6% 6% 15%}.skillsSection .skillsContainer .skillsHeader .skillsTitle{font-size:36px;margin-bottom:4%}.skillsSection .skillsContainer .skillsHeader .skillsSubtitle{font-size:16px}.skillsSection .skillsContainer .featuredSkillsSection{margin-bottom:20%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid{display:flex;flex-direction:column;gap:20px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard{flex:none;min-height:200px;padding:8%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader{gap:6%;margin-bottom:6%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillIcon{height:40px;width:40px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillInfo .skillName{font-size:18px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillInfo .skillDescription{font-size:13px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel .skillBar{height:10px}.skillsSection .skillsContainer .otherSkillsSection{margin-bottom:0;margin-top:8%}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid{display:flex;flex-direction:row;gap:4%;overflow-x:auto;overflow-y:hidden;padding-bottom:20px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid::-webkit-scrollbar{height:6px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid::-webkit-scrollbar-thumb{background:#4c9aff80;border-radius:3px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem{flex:0 0 280px;min-height:120px;min-width:280px;padding:6%}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader{margin-bottom:4%}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillIcon{height:28px;width:28px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillName{font-size:15px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillLevel{font-size:13px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillBar{height:8px}}@media(max-width:480px){.skillsSection{margin:3%;padding:4% 4% 20%}.skillsSection .skillsContainer .skillsHeader .skillsTitle{font-size:28px}.skillsSection .skillsContainer .skillsHeader .skillsSubtitle{font-size:14px}.skillsSection .skillsContainer .sectionTitle{font-size:20px;margin-bottom:6%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid{gap:25px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard{min-height:220px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader{align-items:center;flex-direction:column;gap:8%;margin-bottom:12%;text-align:center}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillIcon{align-self:center;height:48px;margin-bottom:4%;width:48px}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillInfo{text-align:center;width:100%}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillInfo .skillName{font-size:16px;margin-bottom:3%;text-align:center}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillCardHeader .skillInfo .skillDescription{margin-bottom:0;text-align:center}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel,.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel .levelText{text-align:center}.skillsSection .skillsContainer .featuredSkillsSection .featuredSkillsGrid .featuredSkillCard .skillLevel .skillBar{height:12px}.skillsSection .skillsContainer .otherSkillsSection{margin-bottom:0}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem{min-height:140px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader{flex-direction:column;gap:3%;margin-bottom:10%;text-align:center}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillIcon{align-self:center;height:32px;width:32px}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillName{order:1}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillItemHeader .skillLevel{order:2}.skillsSection .skillsContainer .otherSkillsSection .otherSkillsGrid .otherSkillItem .skillBar{height:10px}}.projects-section{background:linear-gradient(180deg,#0000,#0000 15%,#08090c1a 20%,#08090c4d 30%,#08090c 40%,#0a0b0f 60%,#0a0b0f4d 70%,#0a0b0f1a 80%,#0000 85%,#0000);min-height:100vh;overflow:hidden;padding:8rem 0;position:relative}.projects-section:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.projects-container{margin:0 auto;max-width:1400px;padding:0 2rem}.section-header{align-items:center;display:flex;gap:2rem;margin-bottom:6rem;position:relative;z-index:10}.section-header .section-number{color:#3b82f699;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:300}.section-header .section-title{display:flex;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;gap:1rem;margin:0;position:relative;z-index:2}.section-header .section-title .title-main{color:#f8fafc}.section-header .section-title .title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}.section-header .section-line{background:linear-gradient(90deg,#3b82f64d,#0000);flex:1 1;height:1px}.projects-showcase{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:300px 1fr;min-height:650px;position:relative;z-index:1}.projects-navigation{display:flex;flex-direction:column;gap:.5rem;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem;z-index:5}.projects-navigation .nav-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:none;border:1px solid #3b82f61a;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1)}.projects-navigation .nav-item:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.projects-navigation .nav-item:hover{border-color:#3b82f64d;box-shadow:0 8px 25px #3b82f626;transform:translateX(6px) scale(1.02)}.projects-navigation .nav-item:hover:before{left:100%}.projects-navigation .nav-item.active{background:#3b82f614;border-color:#3b82f666;box-shadow:0 12px 30px #3b82f633;transform:translateX(8px) scale(1.03)}.projects-navigation .nav-item.active .nav-number{color:#60a5fa}.projects-navigation .nav-item.active .nav-title{color:#f8fafc}.projects-navigation .nav-item.active:before{left:100%}.projects-navigation .nav-item .nav-number{color:#3b82f699;display:block;font-family:JetBrains Mono,monospace;font-size:.9rem;margin-bottom:.5rem;transition:color .4s ease}.projects-navigation .nav-item .nav-title{color:#f8fafccc;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.3rem;transition:color .4s ease}.projects-navigation .nav-item .nav-category{color:#94a3b899;font-family:JetBrains Mono,monospace;font-size:.8rem}.projects-display{min-height:650px;position:relative;z-index:2}.project-showcase{filter:blur(8px);left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:translateY(30px) scale(.95) rotateX(5deg);transition:all .6s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100%;z-index:1}.project-showcase.active{filter:blur(0);opacity:1;pointer-events:all;transform:translateY(0) scale(1) rotateX(0deg);visibility:visible;z-index:3}.project-explanation{border-left:2px solid #3b82f64d;color:#94a3b8cc;font-size:.9rem;font-style:italic;line-height:1.5;margin-bottom:1.5rem;margin-top:1rem;max-width:600px;padding-left:1rem}.project-visual{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.005) 0,#0000 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.003) 0,#0000 50%),linear-gradient(135deg,#000000f2,#05050ae6);border:1px solid #3b82f626;border-radius:24px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #ffffff0d;overflow:hidden;position:relative;transition:all .6s cubic-bezier(.16,1,.3,1);width:100%}.project-visual:before{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.005) 0,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.project-visual:hover{border-color:#3b82f64d;box-shadow:0 20px 60px #00000026,0 8px 32px #3b82f61a,inset 0 1px 0 #ffffff14;transform:translateY(-8px)}.project-visual:hover .project-glow{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}.project-visual .project-glow{animation:subtleGlow 4s ease-in-out infinite;background:radial-gradient(circle,#3b82f603 0,rgba(59,130,246,.005) 40%,#0000 70%);border-radius:50%;filter:blur(1px);height:300px;left:50%;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:300px;z-index:2}.project-frame{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#3b82f603,rgba(30,58,138,.005) 50%,#0000004d);border:1px solid #3b82f60d;border-radius:20px;box-shadow:0 4px 16px #0000000d,inset 0 1px 0 #ffffff08;height:100%;overflow:hidden;position:relative;width:100%;z-index:4}.project-frame:before{background:linear-gradient(90deg,#0000,#3b82f666 50%,#0000);height:1px;right:0}.project-frame:after,.project-frame:before{content:"";left:0;position:absolute;top:0;z-index:1}.project-frame:after{background:linear-gradient(180deg,#0000,#3b82f605 50%,#0000);bottom:0;width:1px}.frame-content{-webkit-backdrop-filter:blur(25px) saturate(1.5);backdrop-filter:blur(25px) saturate(1.5);background:linear-gradient(135deg,#000000e6,#14141ef2 30%,#3b82f626 70%,#000000e6);border:2px solid #3b82f64d;border-radius:16px;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a,0 0 20px #3b82f633;display:flex;flex-direction:column;height:100%;padding:3.5rem;position:relative;z-index:5}.frame-content:before{background:linear-gradient(135deg,#ffffff1a,#3b82f633 50%,#0000);border-radius:16px;bottom:0;content:"";left:0;opacity:.7;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.project-meta{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.project-meta .project-year{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#3b82f6e6;font-family:JetBrains Mono,monospace;font-size:.9rem;padding:.3rem .8rem}.project-meta .project-status{background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;color:#22c55ee6;font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.3rem .8rem}.project-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f7fff7,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;position:relative;z-index:10}.project-description{color:#a8b2a8;font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.tech-constellation{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:2rem}.tech-constellation .tech-star{background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;color:#3b82f6e6;font-family:JetBrains Mono,monospace;font-size:.9rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.tech-constellation .tech-star:before{background:linear-gradient(90deg,#0000,#3b82f633,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.tech-constellation .tech-star:hover{background:#3b82f626;border-color:#3b82f666;transform:translateY(-2px)}.tech-constellation .tech-star:hover:before{left:100%}.project-actions{display:flex;gap:1rem;margin-top:2rem}.project-actions .action-link{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.project-actions .action-link svg{height:20px;width:20px}.project-actions .action-link.github{background-color:#f8fafc0d;border-color:#f8fafc1a;color:#f8fafc}.project-actions .action-link.github:hover{background-color:#f8fafc1a;border-color:#f8fafc33;transform:translateY(-2px)}.project-actions .action-link.demo{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.project-actions .action-link.demo:hover{box-shadow:0 4px 15px #3b82f666;transform:translateY(-2px)}@keyframes projectEnter{0%{filter:blur(10px);opacity:0;transform:translateY(40px) scale(.9) rotateX(10deg)}50%{filter:blur(2px);opacity:.7;transform:translateY(-5px) scale(1.02) rotateX(-2deg)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1) rotateX(0deg)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes techStarAppear{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes projectReveal{0%{filter:blur(15px);opacity:0;transform:translateY(50px) rotateX(15deg)}to{filter:blur(0);opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:1200px){.projects-showcase{gap:3rem;grid-template-columns:250px 1fr}.project-title{font-size:2rem}.frame-content{padding:3rem}}@media(max-width:968px){.projects-showcase{display:flex;flex-direction:column;gap:2rem}.projects-navigation{flex-direction:row;gap:1rem;overflow-x:auto;padding:1rem;position:static;scrollbar-color:#3b82f64d #0000;scrollbar-width:thin}.projects-navigation::-webkit-scrollbar{height:6px}.projects-navigation::-webkit-scrollbar-track{background:#3b82f61a;border-radius:3px}.projects-navigation::-webkit-scrollbar-thumb{background:#3b82f666;border-radius:3px}.projects-navigation::-webkit-scrollbar-thumb:hover{background:#3b82f699}.projects-navigation .nav-item{flex-shrink:0;min-width:200px}.projects-navigation .nav-item:hover{transform:translateY(-2px) scale(1.02)}.projects-navigation .nav-item.active{transform:translateY(-3px) scale(1.03)}.project-visual{height:auto;min-height:500px}.frame-content{padding:2.5rem}.project-title{font-size:1.8rem;margin-bottom:1.2rem}.project-description{font-size:1rem;line-height:1.6}}@media(max-width:768px){.projects-section{padding:5rem 0}.projects-section,.projects-section *{animation:none!important;transition:none!important}.projects-section .nav-item:active,.projects-section .nav-item:focus,.projects-section .nav-item:hover,.projects-section .project-visual:active,.projects-section .project-visual:focus,.projects-section .project-visual:hover{border-color:inherit!important;box-shadow:none!important;transform:none!important}.projects-section .project-visual .project-glow{display:none!important}.projects-section .action-link:active,.projects-section .action-link:focus,.projects-section .action-link:hover,.projects-section .tech-star:active,.projects-section .tech-star:focus,.projects-section .tech-star:hover{background:inherit!important;border-color:inherit!important;color:inherit!important;transform:none!important}.section-header{margin-bottom:4rem}.section-header .section-title{font-size:clamp(2rem,6vw,3rem)}.projects-navigation .nav-item{min-width:180px;padding:1.2rem}.project-visual{min-height:450px}.frame-content{padding:2rem}.project-title{font-size:1.6rem}.tech-constellation{gap:.6rem}.tech-constellation .tech-star{font-size:.85rem;padding:.4rem .8rem}}@media(max-width:640px){.projects-section{padding:4rem 0}.projects-container{padding:0 1rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:3rem}.section-header .section-line{height:2px;width:100%}.section-header .section-title{font-size:clamp(1.8rem,5vw,2.5rem)}.projects-navigation{margin-bottom:1.5rem}.projects-navigation .nav-item{min-width:150px;padding:1rem}.projects-navigation .nav-item .nav-title{font-size:.95rem}.projects-navigation .nav-item .nav-number{font-size:.8rem}.projects-navigation .nav-item .nav-category{font-size:.75rem}.project-visual{border-radius:16px;min-height:400px}.frame-content{padding:1.5rem}.project-title{font-size:1.4rem;margin-bottom:1rem}.project-description{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.project-explanation{font-size:.85rem;margin-bottom:1.2rem;padding-left:.8rem}.tech-constellation{gap:.5rem;margin-bottom:1.5rem}.tech-constellation .tech-star{font-size:.8rem;padding:.35rem .7rem}.project-actions{flex-direction:column;gap:.8rem;margin-top:1.5rem}.project-actions .action-link{font-size:.9rem;justify-content:center;padding:.8rem 1.5rem}.project-actions .action-link svg{height:18px;width:18px}.project-meta{flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.project-meta .project-status,.project-meta .project-year{font-size:.8rem;padding:.25rem .6rem}}@media(max-width:480px){.projects-section{padding:3rem 0}.projects-container{padding:0 .8rem}.section-header{margin-bottom:2.5rem}.section-header .section-title{font-size:clamp(1.5rem,4vw,2rem)}.section-header .section-number{font-size:1rem}.projects-navigation .nav-item{min-width:130px;padding:.8rem}.projects-navigation .nav-item .nav-title{font-size:.9rem}.project-visual{border-radius:12px;min-height:350px}.frame-content{padding:1.2rem}.project-title{font-size:1.2rem}.project-description{font-size:.9rem}.tech-constellation .tech-star{font-size:.75rem;padding:.3rem .6rem}.project-actions .action-link{font-size:.85rem;padding:.7rem 1.2rem}}@media(max-width:360px){.projects-navigation .nav-item{min-width:120px;padding:.7rem}.project-visual{min-height:320px}.frame-content{padding:1rem}.project-title{font-size:1.1rem}.project-description{font-size:.85rem}}@keyframes particleFloat1{0%,to{opacity:.6;transform:translate(0) rotate(0deg)}25%{opacity:1;transform:translate(20px,-15px) rotate(90deg)}50%{opacity:.8;transform:translate(-10px,-30px) rotate(180deg)}75%{opacity:1;transform:translate(-25px,-10px) rotate(270deg)}}@keyframes particleFloat2{0%,to{opacity:.5;transform:translate(0) scale(1)}33%{opacity:.9;transform:translate(-15px,20px) scale(1.2)}66%{opacity:.7;transform:translate(25px,-15px) scale(.8)}}@keyframes darkGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1) rotate(0deg)}33%{opacity:.5;transform:translate(-50%,-50%) scale(1.1) rotate(120deg)}66%{opacity:.4;transform:translate(-50%,-50%) scale(.9) rotate(240deg)}}@keyframes pulseOverlay{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes blueGlow{0%,to{filter:blur(3px) hue-rotate(0deg);opacity:.5;transform:translate(-50%,-50%) scale(1) rotate(0deg)}33%{filter:blur(2px) hue-rotate(30deg);opacity:.8;transform:translate(-50%,-50%) scale(1.1) rotate(120deg)}66%{filter:blur(4px) hue-rotate(-30deg);opacity:.6;transform:translate(-50%,-50%) scale(.9) rotate(240deg)}}@keyframes blueOverlay{0%,to{box-shadow:0 0 20px #3b82f64d;opacity:.4;transform:scale(1)}50%{box-shadow:0 0 30px #3b82f680;opacity:.8;transform:scale(1.2)}}@keyframes techFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes subtleGlow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}.contact-section{background:linear-gradient(135deg,#08090cfa,#0f1423f2 50%,#08090cfa);color:#fff;margin:8% 0;opacity:0;overflow:hidden;padding:6rem 2rem;position:relative;transform:translateY(50px);transition:all 1.2s cubic-bezier(.16,1,.3,1)}.contact-section.visible{opacity:1;transform:translateY(0)}.contact-section.visible .floating-particles .particle{animation-play-state:running}.floating-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-particles .particle{animation:floatParticle 15s linear infinite;animation-play-state:paused;background:radial-gradient(circle,#4c9affcc 0,#4c9aff00 70%);border-radius:50%;height:4px;position:absolute;width:4px}.floating-particles .particle:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#9cdcfe66 0,#9cdcfe00 70%);border-radius:50%;bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-1px}.floating-particles .particle.particle-1{animation-delay:0s;left:15%;top:10%}.floating-particles .particle.particle-2{animation-delay:2s;right:20%;top:25%}.floating-particles .particle.particle-3{animation-delay:4s;left:10%;top:40%}.floating-particles .particle.particle-4{animation-delay:6s;right:15%;top:60%}.floating-particles .particle.particle-5{animation-delay:8s;left:25%;top:75%}.floating-particles .particle.particle-6{animation-delay:10s;left:50%;top:20%}.floating-particles .particle.particle-7{animation-delay:12s;right:40%;top:45%}.floating-particles .particle.particle-8{animation-delay:14s;left:60%;top:70%}.floating-particles .particle.particle-9{animation-delay:1s;right:50%;top:15%}.floating-particles .particle.particle-10{animation-delay:3s;left:80%;top:55%}.floating-particles .particle.particle-11{animation-delay:5s;right:60%;top:80%}.floating-particles .particle.particle-12{animation-delay:7s;left:40%;top:35%}.wave-lines{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.wave-lines .line-trigger{height:50px;position:absolute;width:100%}.wave-lines .line-trigger.line-1-trigger{top:15%}.wave-lines .line-trigger.line-2-trigger{top:45%}.wave-lines .line-trigger.line-3-trigger{bottom:15%}.wave-lines .wave-line{height:100px;position:absolute;width:100%}.wave-lines .wave-line.wave-1{top:15%}.wave-lines .wave-line.wave-2{top:45%}.wave-lines .wave-line.wave-3{bottom:15%}.wave-lines .wave-line path{stroke-dasharray:1200;stroke-dashoffset:1200;filter:drop-shadow(0 0 8px currentColor);transition:all .3s ease}.wave-lines .wave-line.draw path{animation:drawLine 2.5s ease-out forwards}.contact-container{margin:0 auto;max-width:1200px;position:relative;z-index:3}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem 0;position:relative;text-align:center;z-index:10}.hero-section .hero-content{margin:0 auto;max-width:900px;z-index:10}.hero-section .hero-content .hero-badge{align-items:center;animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4c9aff1a;border:1px solid #4c9aff4d;border-radius:50px;color:#4c9aff;display:inline-flex;font-family:medium;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:.8rem 1.5rem}.hero-section .hero-content .hero-badge .badge-icon{animation:pulse 2s infinite;background:#4c9aff;border-radius:50%;height:8px;width:8px}.hero-section .hero-content .main-title{font-family:semibold;font-size:64px;font-weight:800;line-height:1.1;margin-bottom:1.5rem;position:relative}.hero-section .hero-content .main-title .title-line{display:block}.hero-section .hero-content .main-title .title-line:first-child{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .2s both;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text}.hero-section .hero-content .main-title .title-line:last-child{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .4s both;background:linear-gradient(135deg,#4c9aff,#9cdcfe);-webkit-background-clip:text;background-clip:text;position:relative}.hero-section .hero-content .main-title .title-line:last-child:after{animation:expandLine 1s ease-out 1s both;background:linear-gradient(90deg,#0000,#4c9aff,#0000);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.hero-section .hero-content .hero-subtitle{animation:fadeInUp .8s ease-out .6s both;color:#fffc;font-family:regular;font-size:22px;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-section .hero-content .hero-actions{animation:fadeInUp .8s ease-out .8s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:4rem}.hero-section .hero-content .hero-actions .primary-btn{background:linear-gradient(135deg,#4c9aff,#1976d2);border:none;border-radius:50px;box-shadow:0 10px 30px #4c9aff4d;color:#fff;cursor:pointer;font-family:semibold;font-size:1.1rem;overflow:hidden;padding:1.2rem 2.5rem;position:relative;transition:all .3s ease}.hero-section .hero-content .hero-actions .primary-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.hero-section .hero-content .hero-actions .primary-btn:hover{box-shadow:0 15px 40px #4c9aff66;transform:translateY(-3px)}.hero-section .hero-content .hero-actions .primary-btn:hover:before{left:100%}.hero-section .hero-content .hero-actions .secondary-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #ffffff4d;border-radius:50px;color:#ffffffe6;cursor:pointer;font-family:semibold;font-size:1.1rem;padding:1.2rem 2.5rem;transition:all .3s ease}.hero-section .hero-content .hero-actions .secondary-btn:hover{border-color:#4c9aff;box-shadow:0 10px 30px #4c9aff33;color:#4c9aff;transform:translateY(-3px)}.hero-section .hero-content .hero-metrics{grid-gap:2rem;animation:fadeInUp .8s ease-out 1s both;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.hero-section .hero-content .hero-metrics .metric-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:20px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.hero-section .hero-content .hero-metrics .metric-item:hover{background:#4c9aff0d;border-color:#4c9aff4d;transform:translateY(-5px)}.hero-section .hero-content .hero-metrics .metric-item .metric-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4c9aff,#9cdcfe);-webkit-background-clip:text;background-clip:text;display:block;font-family:semibold;font-size:2.5rem;margin-bottom:.5rem}.hero-section .hero-content .hero-metrics .metric-item .metric-label{color:#ffffffb3;font-family:regular;font-size:.9rem;letter-spacing:1px;text-transform:uppercase}.services-section{margin-bottom:6rem}.services-section .section-title{color:#4c9aff;filter:drop-shadow(0 0 15px rgba(76,154,255,.3));font-family:semibold;font-size:2.5rem;margin-bottom:3rem;text-align:center}.services-section .services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.services-section .services-grid .service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #4c9aff33;border-radius:16px;padding:2rem;text-align:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.services-section .services-grid .service-card:hover{border-color:#4c9aff66;box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.services-section .services-grid .service-card:hover .service-icon{background:linear-gradient(135deg,#4c9aff,#9cdcfe);color:#fff;transform:scale(1.1) rotate(5deg)}.services-section .services-grid .service-card .service-icon{align-items:center;background:#4c9aff1a;border-radius:12px;color:#4c9aff;display:flex;height:60px;justify-content:center;margin:0 auto 1.5rem;transition:all .3s ease;width:60px}.services-section .services-grid .service-card .service-icon svg{height:30px;width:30px}.services-section .services-grid .service-card h4{color:#4c9aff;font-family:semibold;font-size:1.3rem;margin-bottom:1rem}.services-section .services-grid .service-card p{color:#ffffffb3;font-family:regular;font-size:.95rem;line-height:1.6}.cta-section{background:#4c9aff0d;border:1px solid #4c9aff33;border-radius:20px;padding:3rem;text-align:center}.cta-section .cta-content{margin-bottom:2.5rem}.cta-section .cta-content h3{color:#4c9aff;filter:drop-shadow(0 0 15px rgba(76,154,255,.3));font-family:semibold;font-size:2rem;margin-bottom:1rem}.cta-section .cta-content p{color:#fffc;font-family:regular;font-size:1.1rem;margin-bottom:2rem}.cta-section .cta-content .cta-benefits{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cta-section .cta-content .cta-benefits .benefit-item{align-items:center;color:#ffffffe6;display:flex;font-family:regular;gap:.5rem}.cta-section .cta-content .cta-benefits .benefit-item .check-icon{align-items:center;background:#4c9aff;border-radius:50%;color:#fff;display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;width:20px}.cta-section .contact-button{align-items:center;background:linear-gradient(135deg,#4c9aff,#9cdcfe);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:semibold;font-size:1.1rem;gap:.8rem;padding:1.2rem 2.5rem;transition:all .3s ease}.cta-section .contact-button:hover{box-shadow:0 15px 30px #4c9aff4d;transform:translateY(-3px)}.cta-section .contact-button svg{height:20px;transition:transform .3s ease;width:20px}.cta-section .contact-button:hover svg{transform:translateX(5px)}.floating-particles .particle{transform:translateZ(0);will-change:transform,opacity}.wave-line{transform:translateZ(0);will-change:auto}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInModal .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(135deg,#0f1423f2,#08090cfa);border:1px solid #4c9aff4d;border-radius:20px;max-height:90vh;max-width:450px;overflow-y:auto;padding:2rem;width:70%}.modal-content .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.modal-content .modal-header h3{color:#4c9aff;filter:drop-shadow(0 0 15px rgba(76,154,255,.3));font-family:semibold;font-size:1.8rem;margin:0}.modal-content .modal-header .close-button{background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;padding:.5rem;transition:all .3s ease}.modal-content .modal-header .close-button:hover{background:#4c9aff1a;color:#4c9aff}.modal-content .modal-header .close-button svg{height:24px;width:24px}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.modal-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.modal-form .form-group input,.modal-form .form-group textarea{background:#0000004d;border:1px solid #4c9aff4d;border-radius:12px;box-sizing:border-box;color:#fff;font-family:regular;font-size:1rem;padding:1rem 1.5rem;resize:none;transition:all .3s ease;width:100%}.modal-form .form-group input::placeholder,.modal-form .form-group textarea::placeholder{color:#fff6}.modal-form .form-group input:focus,.modal-form .form-group textarea:focus{background:#00000080;border-color:#4c9aff;box-shadow:0 0 0 3px #4c9aff1a;outline:none}.modal-form .submit-button{align-items:center;background:linear-gradient(135deg,#4c9aff,#9cdcfe);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:semibold;font-size:1rem;gap:.5rem;justify-content:center;padding:1.2rem 2rem;transition:all .3s ease}.modal-form .submit-button:hover:not(:disabled){box-shadow:0 10px 20px #4c9aff33;transform:translateY(-2px)}.modal-form .submit-button.submitting{background:linear-gradient(135deg,#666,#888);cursor:not-allowed}.modal-form .submit-button .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.modal-form .submit-button img,.modal-form .submit-button svg{height:30px}@keyframes drawLine{0%{stroke-dashoffset:1200;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:.8}}@keyframes floatParticle{0%,to{opacity:.3;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.8;transform:translateY(-30px) translateX(20px) scale(1.2)}50%{opacity:.6;transform:translateY(-10px) translateX(-15px) scale(.8)}75%{opacity:.9;transform:translateY(-40px) translateX(10px) scale(1.1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@keyframes slideInCode{0%{opacity:0;transform:translateY(30px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInModal{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandLine{0%{width:0}to{width:100px}}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.contact-section{padding:3rem 1rem}.contact-section,.contact-section *{animation:none!important;transition:none!important}.contact-section .close-button:active,.contact-section .close-button:focus,.contact-section .close-button:hover,.contact-section .contact-button:active,.contact-section .contact-button:focus,.contact-section .contact-button:hover,.contact-section .metric-item:active,.contact-section .metric-item:focus,.contact-section .metric-item:hover,.contact-section .primary-btn:active,.contact-section .primary-btn:focus,.contact-section .primary-btn:hover,.contact-section .secondary-btn:active,.contact-section .secondary-btn:focus,.contact-section .secondary-btn:hover,.contact-section .service-card:active,.contact-section .service-card:focus,.contact-section .service-card:hover,.contact-section .submit-button:active,.contact-section .submit-button:focus,.contact-section .submit-button:hover{background:inherit!important;border-color:inherit!important;box-shadow:none!important;color:inherit!important;transform:none!important}.contact-section .floating-particles .particle{animation:none!important;display:none}.contact-section .modal-overlay,.contact-section .modal-overlay .modal-content{animation:none!important}.hero-section{min-height:50vh;padding:1rem}.hero-section .hero-content .hero-actions{align-items:center;flex-direction:column}.hero-section .hero-content .hero-actions .primary-btn,.hero-section .hero-content .hero-actions .secondary-btn{max-width:300px;width:100%}.hero-section .hero-content .hero-metrics{gap:1rem;grid-template-columns:repeat(2,1fr)}.modal-content{padding:1.5rem;width:90%}.cta-section{padding:2rem}.cta-section .cta-benefits{flex-direction:column;gap:1rem}}@media(max-width:480px){.hero-section .hero-content .main-title{font-size:2.5rem}.hero-section .hero-content .hero-metrics{grid-template-columns:1fr}.modal-content{padding:1rem;width:95%}.modal-form .form-row{grid-template-columns:1fr}}.homePage{color:#f7fff7;min-height:100vh}.navbar{align-items:center;animation:slideDown .8s ease-out;display:flex;justify-content:center;left:0!important;padding-top:15px;position:fixed!important;right:0!important;top:0!important;transition:all .3s ease;width:100%!important;z-index:9999!important}.navbar.scrolled{animation:none;padding-top:10px}.navbar .global_container{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f192de6,#14233cd9);border:1px solid #3b82f633;border-radius:25px;box-shadow:0 4px 20px #0000004d;display:flex;font-size:13px;justify-content:center;min-height:40px;padding-bottom:.15%;padding-right:.3%;padding-top:.15%;transition:all .3s ease;white-space:nowrap;width:45%}.navbar .global_container:hover{border-color:#3b82f666;box-shadow:0 6px 25px #3b82f626}.navbar .global_container .logo_container{align-items:center;display:flex;justify-content:center;margin-left:12px}.navbar .global_container .logo_container img{filter:brightness(0) invert(1);height:22px;transition:filter .3s ease}.navbar .global_container .logo_container:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(59,130,246,.6))}.navbar .global_container .list_container{align-items:center;display:flex;justify-content:center;padding-bottom:0;padding-top:0;width:100%}.navbar .global_container .list_container ul{align-items:center;display:flex;gap:4%;justify-content:center;list-style:none;margin:0;padding:0}.navbar .global_container .list_container ul li{align-items:center;cursor:pointer;display:flex;position:relative}.navbar .global_container .list_container ul li p{align-items:center;border-radius:8px;color:#fff9;display:flex;font-size:13px;justify-content:center;line-height:1;margin:0;padding:8px 12px;position:relative;transition:all .3s ease-in-out}.navbar .global_container .list_container ul li p:hover{background:#3b82f61a;color:#ffffffe6;text-shadow:0 0 8px #3b82f666}.navbar .global_container .list_container ul li .selected{background:#3b82f626!important;color:#3b82f6!important;text-shadow:0 0 10px #3b82f699!important}.navbar .global_container .list_container .langage-container{animation:slideInRight .5s ease-out .7s both;display:flex;flex-direction:column;flex-shrink:0;position:relative}.navbar .global_container .list_container .langage-container .arrow-container{align-items:center;-webkit-backdrop-filter:blur(25px) saturate(1.5);backdrop-filter:blur(25px) saturate(1.5);background:linear-gradient(135deg,#000000e6,#14141ef2 30%,#3b82f626 70%,#000000e6);border:2px solid #3b82f64d;border-radius:20px;box-shadow:0 8px 32px #0009,inset 0 1px 0 #ffffff1a,0 0 20px #3b82f633;cursor:pointer;display:flex;gap:6px;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.navbar .global_container .list_container .langage-container .arrow-container:before{background:linear-gradient(135deg,#ffffff1a,#3b82f633 50%,#0000);border-radius:20px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .6s ease}.navbar .global_container .list_container .langage-container .arrow-container:hover{background:linear-gradient(135deg,#000000f2,#1e1e32fa 30%,#3b82f640 70%,#000000f2);border-color:#3b82f699;box-shadow:0 15px 40px #000c,inset 0 1px 0 #fff3,0 0 30px #3b82f666;transform:translateY(-4px) scale(1.02)}.navbar .global_container .list_container .langage-container .arrow-container:hover:before{opacity:1}.navbar .global_container .list_container .langage-container .arrow-container p{color:#e0e0e0;font-size:14px;font-weight:600;margin:0;text-shadow:0 1px 2px #00000080;transition:all .3s ease;white-space:nowrap}.navbar .global_container .list_container .langage-container .arrow-container:hover p{color:#fff;text-shadow:0 0 10px #3b82f6cc,0 1px 2px #000c}.navbar .global_container .list_container .langage-container .arrow-container img{filter:brightness(.9) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.5));transition:all .4s ease;width:1.4vh}.navbar .global_container .list_container .langage-container .arrow-container:hover img{filter:brightness(1.2) invert(1) drop-shadow(0 0 8px rgba(59,130,246,.8));transform:rotate(180deg) scale(1.2)}.navbar .global_container .list_container .langage-container .onHover{-webkit-backdrop-filter:blur(30px) saturate(1.5);backdrop-filter:blur(30px) saturate(1.5);background:linear-gradient(135deg,#000000f2,#14141efa 30%,#3b82f626 70%,#000000f2);border:2px solid #3b82f666;border-radius:20px;box-shadow:0 15px 40px #000c,inset 0 1px 0 #ffffff1a,0 0 25px #3b82f64d;cursor:pointer;left:50%;opacity:0;overflow:hidden;padding:12px 24px;pointer-events:none;position:absolute;top:55px;transform:translateX(-50%);transition:all .4s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:nowrap;z-index:10}.navbar .global_container .list_container .langage-container .onHover:before{background:linear-gradient(135deg,#ffffff1a,#3b82f633 50%,#0000);border-radius:20px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .6s ease}.navbar .global_container .list_container .langage-container .onHover p{color:#e0e0e0;font-size:14px;font-weight:600;margin:0;text-align:center;text-shadow:0 1px 2px #00000080;transition:all .3s ease}.navbar .global_container .list_container .langage-container .onHover:hover{background:linear-gradient(135deg,#000000fa,#1e1e32 30%,#3b82f640 70%,#000000fa);border-color:#3b82f6b3;box-shadow:0 20px 50px #000000e6,inset 0 1px 0 #fff3,0 0 35px #3b82f680;transform:translateX(-50%) translateY(-4px) scale(1.02)}.navbar .global_container .list_container .langage-container .onHover:hover:before{opacity:1}.navbar .global_container .list_container .langage-container .onHover:hover p{color:#fff;text-shadow:0 0 12px #3b82f6e6,0 1px 2px #000c}.navbar .global_container .list_container .langage-container:hover .onHover{animation:dropdownFadeIn .4s ease-out forwards;opacity:1;pointer-events:auto;visibility:visible}.navbar .global_container .contact_container{align-items:center;animation:slideInRight .5s ease-out .8s both;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-right:12px;padding:4px 8px;transition:all .3s ease-in-out}.navbar .global_container .contact_container img{filter:brightness(0) invert(1);height:18px;transition:all .3s ease}.navbar .global_container .contact_container:hover{background:#3b82f633;border-color:#3b82f666;box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px) scale(1.05)}.navbar .global_container .contact_container:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(59,130,246,.8))}.mobile-navbar{align-items:center;display:none;justify-content:space-between;padding:3%}.mobile-navbar .mobile-langage-container{display:flex;flex-direction:column;position:relative}.mobile-navbar .mobile-langage-container .arrow-container{align-items:center;background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f64d;border-radius:12px;cursor:pointer;display:flex;gap:6px;overflow:hidden;padding:6px 12px;position:relative;transition:all .3s ease}.mobile-navbar .mobile-langage-container .arrow-container:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.mobile-navbar .mobile-langage-container .arrow-container:hover{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#3b82f680;box-shadow:0 4px 15px #3b82f64d;transform:translateY(-2px) scale(1.02)}.mobile-navbar .mobile-langage-container .arrow-container:hover:before{left:100%}.mobile-navbar .mobile-langage-container .arrow-container:hover p{color:#fff;text-shadow:0 0 8px #3b82f699}.mobile-navbar .mobile-langage-container .arrow-container:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(59,130,246,.6));transform:rotate(180deg) scale(1.1)}.mobile-navbar .mobile-langage-container .arrow-container img{filter:brightness(0) invert(1);transition:all .3s ease;width:1.3vh}.mobile-navbar .mobile-langage-container .arrow-container p{color:#fffc;font-size:13px;font-weight:500;margin:0;transition:all .3s ease}.mobile-navbar .mobile-langage-container .onHover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f64d;border-radius:12px;box-shadow:0 4px 15px #3b82f64d;left:0;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;right:0;top:40px;transition:all .3s ease;visibility:hidden;z-index:10}.mobile-navbar .mobile-langage-container .onHover p{color:#fffc;font-size:13px;font-weight:500;margin:0;text-align:center;transition:all .3s ease}.mobile-navbar .mobile-langage-container .onHover:hover{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#3b82f680;transform:translateY(-2px) scale(1.02)}.mobile-navbar .mobile-langage-container .onHover:hover p{color:#fff;text-shadow:0 0 8px #3b82f699}.mobile-navbar .mobile-langage-container:hover .onHover{animation:dropdownFadeIn .3s ease-out forwards;opacity:1;pointer-events:auto;visibility:visible}.mobile-navbar p{color:#ffffffe6}@media(max-width:768px){.navbar{animation:none!important;display:none;transition:none!important}.navbar .global_container{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.navbar .global_container:hover{transform:none!important}.mobile-navbar{display:flex}}.navbar .list_container ul li p{cursor:pointer;transition:all .3s ease}.navbar .list_container ul li p:hover{color:#4c9aff;transform:translateY(-2px)}@media(max-width:1600px){.global_container{font-size:12px;gap:8px;width:55%!important}}@media(max-width:1024px){.navbar .global_container{font-size:12px;gap:8px;width:75%!important}.navbar .list_container{gap:12px}.navbar .list_container ul{gap:8px}.navbar .langage-container .arrow-container{font-size:11px;padding:3px 8px}.navbar .langage-container .onHover{font-size:11px;left:50%;margin-top:4px;min-width:80px;padding:3px 8px;right:auto;top:100%;transform:translateX(-50%)}.navbar .contact_container{margin-right:8px;padding:3px 6px}.navbar .contact_container img{height:16px}}@media(max-width:900px){.navbar .global_container{width:75%}.navbar .langage-container .onHover{left:50%;margin-top:4px;min-width:70px;right:auto;top:100%;transform:translateX(-50%)}}@media(max-width:1024px)and (min-width:769px){.navbar .global_container .list_container .langage-container .arrow-container{font-size:12px;padding:4px 8px}.navbar .global_container .list_container .langage-container .onHover{font-size:12px;left:50%;margin-top:6px;min-width:85px;padding:4px 8px;right:auto;top:100%;transform:translateX(-50%)}}@media(max-width:900px){.navbar{display:none}.mobile-navbar{display:flex}.mobile-navbar .mobile-langage-container .onHover{left:0;margin-top:8px;right:0;top:100%;transform:none}}@media(max-width:768px){.navbar{display:none}.mobile-navbar{display:flex}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-15px) scale(.9)}50%{opacity:.8;transform:translateX(-50%) translateY(-2px) scale(1.02)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.language-toggle-container .language-toggle{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f64d;border-radius:20px;cursor:pointer;display:flex;overflow:hidden;padding:2px;position:relative;transition:all .3s ease}.language-toggle-container .language-toggle:hover{background:linear-gradient(135deg,#3b82f633,#6366f133);border-color:#3b82f680;box-shadow:0 4px 15px #3b82f64d}.language-toggle-container .language-toggle .toggle-option{border-radius:16px;color:#fff9;font-size:12px;font-weight:600;min-width:28px;padding:6px 12px;position:relative;text-align:center;transition:all .3s ease;z-index:2}.language-toggle-container .language-toggle .toggle-option.active{color:#fff;text-shadow:0 0 8px #3b82f6cc}.language-toggle-container .language-toggle .toggle-slider{background:linear-gradient(135deg,#3b82f6cc,#6366f1cc);border-radius:16px;box-shadow:0 2px 8px #3b82f666;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 2px)}.language-toggle-container .language-toggle .toggle-slider.slide-right{transform:translateX(100%)}.language-toggle-container .language-toggle .toggle-slider.slide-left{transform:translateX(0)}.mobile-navbar .mobile-language-toggle{background:linear-gradient(135deg,#3b82f61a,#6366f11a);border:1px solid #3b82f64d;border-radius:16px;cursor:pointer;display:flex;padding:2px;position:relative;transition:all .3s ease}.mobile-navbar .mobile-language-toggle .toggle-option{border-radius:12px;color:#fff9;font-size:11px;font-weight:600;min-width:24px;padding:4px 10px;position:relative;text-align:center;transition:all .3s ease;z-index:2}.mobile-navbar .mobile-language-toggle .toggle-option.active{color:#fff;text-shadow:0 0 6px #3b82f6cc}.mobile-navbar .mobile-language-toggle .toggle-slider{background:linear-gradient(135deg,#3b82f6cc,#6366f1cc);border-radius:12px;box-shadow:0 2px 6px #3b82f666;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 2px)}.mobile-navbar .mobile-language-toggle .toggle-slider.slide-right{transform:translateX(100%)}.mobile-navbar .mobile-language-toggle .toggle-slider.slide-left{transform:translateX(0)}nav{z-index:1001}nav,nav .burger-text-container{align-items:center;display:flex}nav .burger-text-container{border-radius:8px;cursor:pointer;gap:12px;padding:.5rem;transition:all .3s ease;z-index:1002}nav .burger-text-container:hover{background:#3b82f61a}nav .burger-text-container .burger-container{cursor:pointer;display:flex;flex-direction:column;gap:4px;height:18px;width:24px}nav .burger-text-container .burger-container i{background:linear-gradient(90deg,#fff,#3b82f6);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}nav .burger-text-container .burger-container i.mid-width{width:20px}nav .burger-text-container .burger-container i:not(.mid-width){width:24px}nav .burger-text-container .burger-container i.open:first-child{transform:rotate(40deg) translateY(8px)}nav .burger-text-container .burger-container i.open.mid-width{opacity:0;transform:scaleX(0)}nav .burger-text-container .burger-container i.open:last-child{transform:rotate(-38deg) translateY(-8px)}nav .burger-text-container p{color:#fff;font-size:.9rem;font-weight:500;margin:0;transition:all .3s ease}nav .burger-text-container p.open{color:#3b82f6}nav .fullscreen-panel{align-items:center;-webkit-backdrop-filter:blur(35px) saturate(1.3) brightness(.7);backdrop-filter:blur(35px) saturate(1.3) brightness(.7);background:linear-gradient(135deg,#02060ffa,#080f1ef5 30%,#0c1428f0 70%,#0f1932eb);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;opacity:0;overflow:hidden;padding:1rem;position:fixed;top:0;transform:scale(.95);transition:all .5s cubic-bezier(.4,0,.2,1);visibility:hidden;width:100vw;z-index:999}nav .fullscreen-panel.open{opacity:1;transform:scale(1);visibility:visible}nav .fullscreen-panel:before{animation:borderGlow 3s ease-in-out infinite alternate;border:2px solid #3b82f666;border-radius:15px;bottom:15px;box-shadow:0 0 30px #3b82f633,inset 0 0 30px #3b82f61a;content:"";left:15px;position:absolute;right:15px;top:15px}nav .fullscreen-panel:after{border-left:1px solid #3b82f666;border-top:1px solid #3b82f666;content:"";height:0;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}nav .fullscreen-panel.open:after{animation:drawLines 1.2s ease-out .3s forwards}nav .fullscreen-panel .menu-header{left:50%;max-width:90%;position:absolute;text-align:center;top:5%;transform:translateX(-50%);z-index:3}nav .fullscreen-panel .menu-header h2{color:#fffc;font-size:1.5rem;font-weight:300;letter-spacing:2px;margin:0 0 .3rem;text-transform:uppercase}nav .fullscreen-panel .menu-header .subtitle{color:#3b82f6b3;font-size:.8rem;font-weight:400;letter-spacing:1px}nav .fullscreen-panel .menu-footer{bottom:5%;left:50%;max-width:90%;position:absolute;text-align:center;transform:translateX(-50%);z-index:3}nav .fullscreen-panel .menu-footer .social-links{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.8rem}nav .fullscreen-panel .menu-footer .social-links a{align-items:center;border:1px solid #3b82f64d;border-radius:50%;color:#fff9;display:flex;font-size:1rem;height:35px;justify-content:center;text-decoration:none;transition:all .3s ease;width:35px}nav .fullscreen-panel .menu-footer .social-links a:hover{border-color:#3b82f6;box-shadow:0 0 15px #3b82f64d;color:#3b82f6;transform:translateY(-2px)}nav .fullscreen-panel .menu-footer .copyright{color:#fff6;font-size:.7rem;letter-spacing:1px}nav .fullscreen-panel .floating-elements{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}nav .fullscreen-panel .floating-elements .dot{animation:float 8s ease-in-out infinite;background:#3b82f666;border-radius:50%;height:3px;position:absolute;width:3px}nav .fullscreen-panel .floating-elements .dot:first-child{animation-delay:0s;left:10%;top:25%}nav .fullscreen-panel .floating-elements .dot:nth-child(2){animation-delay:2s;right:15%;top:65%}nav .fullscreen-panel .floating-elements .dot:nth-child(3){animation-delay:4s;bottom:25%;left:20%}nav .fullscreen-panel .floating-elements .dot:nth-child(4){animation-delay:6s;right:10%;top:45%}nav .fullscreen-panel ul{list-style:none;margin:0;max-height:60vh;max-width:90%;overflow-y:auto;padding:0;position:relative;text-align:center;z-index:2}nav .fullscreen-panel ul li{margin:1.5rem 0;opacity:1;transform:translateY(0)}nav .fullscreen-panel ul li p{color:#ffffffd9;display:inline-block;font-size:2.2rem;font-weight:700;letter-spacing:1.5px;margin:0;position:relative;text-shadow:0 0 15px #3b82f64d}nav .fullscreen-panel ul li p nav .fullscreen-panel ul li p{cursor:pointer;transition:all .3s ease}nav .fullscreen-panel ul li p nav .fullscreen-panel ul li p:hover{color:#4c9aff;transform:translateX(10px)}nav .fullscreen-panel ul li p:after{background:linear-gradient(90deg,#0000,#3b82f6 20%,#60a5fa 50%,#3b82f6 80%,#0000);border-radius:2px;bottom:-8px;box-shadow:0 0 8px #3b82f666;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s ease;width:100%}nav .fullscreen-panel ul li p:hover{color:#60a5fa;text-shadow:0 0 20px #60a5fa99,0 0 40px #3b82f64d;transform:translateY(-3px)}nav .fullscreen-panel ul li p:hover:after{transform:translateX(-50%) scaleX(1)}nav .fullscreen-panel ul li p.selected{color:#3b82f6;text-shadow:0 0 20px #3b82f699,0 0 40px #3b82f64d}nav .fullscreen-panel ul li p.selected:after{transform:translateX(-50%) scaleX(1)}@keyframes borderGlow{0%,to{box-shadow:0 0 20px #3b82f633,inset 0 0 20px #3b82f60d}50%{box-shadow:0 0 40px #3b82f666,inset 0 0 30px #3b82f61a}}@keyframes drawLines{0%{height:0;opacity:0;width:0}25%{height:0;opacity:.6;width:70%}50%{height:70%;opacity:.8;width:70%}to{height:70%;opacity:.4;width:70%}}@keyframes float{0%,to{opacity:.4;transform:translateY(0) rotate(0deg)}50%{opacity:.8;transform:translateY(-10px) rotate(180deg)}}@media(max-width:768px){nav .fullscreen-panel{padding:.8rem}nav .fullscreen-panel:before{bottom:10px;left:10px;right:10px;top:10px}nav .fullscreen-panel .menu-header{top:3%}nav .fullscreen-panel .menu-header h2{font-size:1.3rem;letter-spacing:1.5px}nav .fullscreen-panel .menu-header .subtitle{font-size:.75rem}nav .fullscreen-panel ul{max-height:50vh}nav .fullscreen-panel ul li{margin:1.2rem 0}nav .fullscreen-panel ul li p{font-size:1.8rem;letter-spacing:1px}nav .fullscreen-panel .menu-footer{bottom:3%}nav .fullscreen-panel .menu-footer .social-links{gap:1.2rem}nav .fullscreen-panel .menu-footer .social-links a{font-size:.9rem;height:30px;width:30px}nav .fullscreen-panel .menu-footer .copyright{font-size:.65rem}}@media(max-width:480px){nav .fullscreen-panel{padding:.5rem}nav .fullscreen-panel .menu-header h2{font-size:1.1rem}nav .fullscreen-panel ul li p{font-size:1.5rem}nav .fullscreen-panel .menu-footer .social-links{gap:1rem}nav .fullscreen-panel .menu-footer .social-links a{font-size:.8rem;height:28px;width:28px}}@media(max-height:600px){nav .fullscreen-panel .menu-header{top:2%}nav .fullscreen-panel .menu-header h2{font-size:1.2rem;margin-bottom:.2rem}nav .fullscreen-panel ul{max-height:45vh}nav .fullscreen-panel ul li{margin:1rem 0}nav .fullscreen-panel ul li p{font-size:1.8rem}nav .fullscreen-panel .menu-footer{bottom:2%}}@media(max-width:768px){.burger-menu,.burger-menu *{animation:none!important;transition:none!important}.burger-menu .burger-button:active,.burger-menu .burger-button:focus,.burger-menu .burger-button:hover{background:inherit!important;border-color:inherit!important;transform:none!important}.burger-menu .menu-link:active,.burger-menu .menu-link:focus,.burger-menu .menu-link:hover{background:inherit!important;color:inherit!important;transform:none!important}.burger-menu .menu-container{animation:none!important}.burger-menu .floating-particle,.burger-menu .menu-container:after,.burger-menu .menu-container:before{animation:none!important;display:none}.burger-menu .menu-overlay{animation:none!important}}
/*# sourceMappingURL=main.29c69ae4.css.map*/