@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap);.circle-button{align-items:center;background:var(--bg-primary);border:.2rem solid var(--text-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:inline-flex;flex-direction:row;justify-content:center;margin:.5rem;padding:.5rem;transition:all .5s}.circle-button:hover{background:var(--text-primary);color:var(--bg-primary)}.circle-button:first-child{margin-left:0}.circle-button:last-child{margin-right:0}.menu-toggle{background-color:var(--bg-primary);left:2rem;position:fixed;top:50%;transform:translateY(-50%);z-index:200}.menu-toggle .menu-text{font-weight:700;line-height:.8rem}.menu-toggle .menu-burger{padding-left:.3rem}.menu-toggle .menu-burger .menu-burger-bar{background:var(--text-primary);border-radius:1rem;display:block;height:.2rem;margin-bottom:.3rem;transition:all .5s;width:1.2rem}.menu-toggle .menu-burger .menu-burger-bar:last-child{margin-bottom:0}.menu-toggle:hover .menu-burger-bar{background:var(--bg-primary)}.menu-active .menu-toggle .menu-burger-bar:first-child{transform:rotate(-45deg) translateY(.15em);width:1.2rem}.menu-active .menu-toggle .menu-burger-bar:nth-child(2){opacity:0}.menu-active .menu-toggle .menu-burger-bar:nth-child(3){transform:rotate(45deg) translateY(-.15em);width:1.2rem}.menu-item{background-color:var(--bg-primary);left:2rem;opacity:0;position:fixed;top:50%;transform:translateY(-50%);visibility:hidden;z-index:100}.menu-active .menu-item{opacity:1;visibility:visible}.menu .menu-backdrop{display:none}.menu-active .menu-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000059;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}.menu-active .menu-data{z-index:100}.top-section{align-items:center;background:#0000;display:flex;flex-direction:row;height:100vh;justify-content:center;margin:0 auto;max-width:1400px;overflow:hidden;padding:0 4rem;position:relative;z-index:1}.top-section:before:first-child{animation:particleFade 8s ease-in-out infinite;animation-delay:1s;background-color:rgba(var(--accent-primary-rgb),.7);border-radius:50%;box-shadow:0 0 8px rgba(var(--accent-primary-rgb),.6);content:"";height:5px;left:59%;position:absolute;top:14%;width:3px;z-index:-1}.top-section:before:nth-child(2){animation:particleFade 4s ease-in-out infinite;animation-delay:2s;box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.6);left:61%;top:91%;width:3px}.top-section:before:nth-child(2),.top-section:before:nth-child(3){background-color:rgba(var(--accent-primary-rgb),.3);border-radius:50%;content:"";height:4px;position:absolute;z-index:-1}.top-section:before:nth-child(3){animation:particleFade 4s ease-in-out infinite;animation-delay:1.5s;box-shadow:0 0 11px rgba(var(--accent-primary-rgb),.6);left:67%;top:96%;width:2px}.top-section:before:nth-child(4){animation:particleFade 6s ease-in-out infinite;animation-delay:1.5s;background-color:rgba(var(--accent-primary-rgb),.2);border-radius:50%;box-shadow:0 0 6px rgba(var(--accent-primary-rgb),.6);content:"";height:5px;left:32%;position:absolute;top:72%;width:2px;z-index:-1}.top-section:before:nth-child(5){animation:particleFade 7s ease-in-out infinite;animation-delay:2s;background-color:rgba(var(--accent-primary-rgb),.5);border-radius:50%;box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.6);content:"";height:2px;left:21%;position:absolute;top:34%;width:3px;z-index:-1}.top-section:before:nth-child(6){animation:particleFade 8s ease-in-out infinite;animation-delay:2.5s;background-color:rgba(var(--accent-primary-rgb),.3);border-radius:50%;box-shadow:0 0 8px rgba(var(--accent-primary-rgb),.6);content:"";height:4px;left:25%;position:absolute;top:35%;width:2px;z-index:-1}.top-section:before:nth-child(7){animation:particleFade 6s ease-in-out infinite;animation-delay:2.5s;background-color:rgba(var(--accent-primary-rgb),.7);border-radius:50%;box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.6);content:"";height:3px;left:17%;position:absolute;top:26%;width:3px;z-index:-1}.top-section:before:nth-child(8){animation:particleFade 7s ease-in-out infinite;animation-delay:1s;background-color:rgba(var(--accent-primary-rgb),.2);height:2px;left:10%;top:53%;width:5px}.top-section:before:nth-child(8),.top-section:before:nth-child(9){border-radius:50%;box-shadow:0 0 11px rgba(var(--accent-primary-rgb),.6);content:"";position:absolute;z-index:-1}.top-section:before:nth-child(9){animation:particleFade 4s ease-in-out infinite;animation-delay:2.5s;background-color:rgba(var(--accent-primary-rgb),.5);height:4px;left:19%;top:60%;width:2px}.top-section:before:nth-child(10){animation:particleFade 6s ease-in-out infinite;animation-delay:2.5s;background-color:rgba(var(--accent-primary-rgb),.7);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.6);left:59%;top:73%;width:3px}.top-section:before:nth-child(10),.top-section:before:nth-child(11){border-radius:50%;content:"";height:5px;position:absolute;z-index:-1}.top-section:before:nth-child(11){animation:particleFade 7s ease-in-out infinite;animation-delay:2.5s;background-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 0 8px rgba(var(--accent-primary-rgb),.6);left:44%;top:41%;width:4px}.top-section:before:nth-child(12){animation:particleFade 7s ease-in-out infinite;animation-delay:.5s;background-color:rgba(var(--accent-primary-rgb),.1);height:2px;left:30%;top:93%;width:3px}.top-section:before:nth-child(12),.top-section:before:nth-child(13){border-radius:50%;box-shadow:0 0 14px rgba(var(--accent-primary-rgb),.6);content:"";position:absolute;z-index:-1}.top-section:before:nth-child(13){animation:particleFade 6s ease-in-out infinite;animation-delay:.5s;background-color:rgba(var(--accent-primary-rgb),.3);height:4px;left:76%;top:39%;width:5px}.top-section:before:nth-child(14){animation:particleFade 5s ease-in-out infinite;animation-delay:.5s;background-color:rgba(var(--accent-primary-rgb),.6);border-radius:50%;box-shadow:0 0 11px rgba(var(--accent-primary-rgb),.6);content:"";height:5px;left:20%;position:absolute;top:95%;width:4px;z-index:-1}.top-section:before:nth-child(15){animation:particleFade 4s ease-in-out infinite;animation-delay:2.5s;background-color:rgba(var(--accent-primary-rgb),.3);border-radius:50%;box-shadow:0 0 14px rgba(var(--accent-primary-rgb),.6);content:"";height:2px;left:13%;position:absolute;top:56%;width:3px;z-index:-1}.top-section:after{animation:gridPulse 8s ease-in-out infinite alternate;background-image:linear-gradient(rgba(var(--accent-primary-rgb),.03) 1px,#0000 1px),linear-gradient(90deg,rgba(var(--accent-primary-rgb),.03) 1px,#0000 1px);background-size:30px 30px;content:"";height:100%;opacity:.4;position:absolute;width:100%;z-index:-2}.top-section .intro{animation:borderPulse 4s ease-in-out infinite alternate;border-image:var(--gradient-primary) 1;border-right:2px solid #0000;display:flex;flex-direction:column;justify-content:center;padding-right:5%;position:relative;text-align:right;width:45%}.top-section .intro:after{animation:neonPulse 3s ease-in-out infinite;border-radius:50%;height:10px;right:-5px;top:50%;transform:translateY(-50%);width:10px}.top-section .intro:after,.top-section .intro:before{background:var(--accent-primary);box-shadow:var(--neon-glow);content:"";position:absolute}.top-section .intro:before{animation:lineFade 4s ease-in-out infinite alternate;height:1px;right:-20px;top:30%;transform:rotate(45deg);width:40px}.top-section .intro h1{animation:textGradientFlow 8s linear infinite;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#0000;font-family:Montserrat,sans-serif;font-size:5.5rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:1.5rem;perspective:1000px;position:relative;text-shadow:var(--text-glow);text-transform:uppercase}.top-section .intro h1:after,.top-section .intro h1:before{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#0000;content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.top-section .intro h1:before{animation:glitchText 2s linear infinite alternate-reverse;left:2px;opacity:.8;text-shadow:-1px 0 rgba(var(--accent-quaternary-rgb),.7)}.top-section .intro h1:after{animation:glitchText 3s linear infinite alternate-reverse;left:-2px;opacity:.8;text-shadow:1px 0 rgba(var(--accent-primary-rgb),.7)}.top-section .intro h1 .text-wrapper{display:inline-flex;gap:.1em;position:relative}.top-section .intro h1 .text-wrapper .char{-webkit-text-fill-color:#0000;animation:rollIn .5s forwards var(--delay),glow 4s ease-in-out infinite var(--delay);background:linear-gradient(90deg,#f36,#ba77ff,#4d9fff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;display:inline-block;opacity:0;transform:rotateX(-90deg);transform-origin:50% 50% 25px}.top-section .intro h1 .text-wrapper .char:hover{animation:bounce .5s ease-in-out forwards;transform:scale(1.2) translateY(-10px)}.top-section .intro h1 .text-wrapper .space{width:.5em}.top-section .intro h1 .text-wrapper:after{animation:lineReveal 1s ease-in-out 1.5s forwards;background:linear-gradient(90deg,#f36,#ba77ff,#4d9fff);bottom:-10px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.top-section .intro p{color:var(--text-secondary);display:inline-block;font-size:1.8rem;line-height:1.4;margin:0;padding-left:1rem;position:relative}.top-section .intro p:before{background:var(--gradient-secondary);border-radius:3px;bottom:.5rem;content:"";left:0;position:absolute;top:.5rem;width:3px}.top-section .signature{align-items:center;display:flex;justify-content:flex-start;padding-left:5%;position:relative;text-align:left;width:55%}.top-section .signature .profile-image-container{animation:float 6s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));position:relative}.top-section .signature .profile-image-container .profile-image{animation:pulse 3s ease-in-out infinite;animation:borderGlow 4s ease-in-out infinite alternate;border:4px solid var(--accent-primary)!important;box-shadow:var(--neon-glow)!important;position:relative;transition:all .5s ease;z-index:5}.top-section .signature .profile-image-container .profile-image:hover{box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.8),0 0 30px rgba(var(--accent-primary-rgb),.4)!important;filter:grayscale(0) contrast(1.1) brightness(1.1)!important;transform:scale(1.05) rotate(3deg)}.top-section .signature .profile-image-container .profile-image:before{animation:scanlines 2s linear infinite;background:linear-gradient(to bottom,#0000 50%,rgba(var(--accent-primary-rgb),.05) 50%);background-size:100% 4px;content:"";height:100%;left:0;mix-blend-mode:overlay;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%;z-index:6}.top-section .signature .profile-image-container .profile-image-ring{border:3px solid #0000;border-radius:50%;position:absolute;z-index:1}.top-section .signature .profile-image-container .profile-image-ring.outer-ring{animation:spinAround 12s linear infinite reverse;border-left-color:var(--accent-secondary);border-right-color:var(--accent-primary);bottom:-25px;left:-25px;opacity:.7;right:-25px;top:-25px}.top-section .signature .profile-image-container .profile-image-ring.middle-ring{animation:spinAround 10s linear infinite;border-bottom-color:var(--accent-secondary);border-left-color:#0000;border-right-color:#0000;border-top-color:var(--accent-quaternary);bottom:-18px;left:-18px;opacity:.8;right:-18px;top:-18px}.top-section .signature .profile-image-container .profile-image-ring.inner-ring{animation:spinAround 8s linear infinite;border-bottom-color:var(--accent-quaternary);border-top-color:var(--accent-primary);bottom:-10px;left:-10px;opacity:.9;right:-10px;top:-10px}.top-section .signature .profile-image-container .profile-image-particles{border-radius:50%;bottom:-30px;left:-30px;overflow:hidden;position:absolute;right:-30px;top:-30px;z-index:2}.top-section .signature .profile-image-container .profile-image-particles:before{animation:particleMove 20s linear infinite;background-image:radial-gradient(circle,var(--bg-secondary) 1px,#0000 1px),radial-gradient(circle,var(--bg-secondary) 1px,#0000 1px),radial-gradient(circle,var(--bg-secondary) 1px,#0000 1px),radial-gradient(circle,var(--bg-secondary) 1px,#0000 1px),radial-gradient(circle,var(--bg-secondary) 1px,#0000 1px);background-position:0 0,20% 20%,40% 40%,60% 60%,80% 80%;background-size:10% 10%;content:"";height:100%;opacity:.3;position:absolute;width:100%}.top-section .signature .profile-image-container .profile-image-glow{animation:glowPulse 4s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(var(--accent-primary-rgb),.3) 0,rgba(var(--accent-secondary-rgb),.1) 40%,#0000 70%);border-radius:50%;bottom:-5px;left:-5px;mix-blend-mode:screen;pointer-events:none;position:absolute;right:-5px;top:-5px;z-index:3}.top-section .signature .profile-image-container:after{animation:shadowPulse 6s ease-in-out infinite;background:radial-gradient(ellipse at center,#0003 0,#0000 70%);border-radius:50%;bottom:-15px;content:"";height:20px;left:50%;position:absolute;transform:translateX(-50%);width:80%;z-index:0}.top-section .social{bottom:4rem;left:50%;position:absolute;text-align:center;transform:translateX(-50%);width:100%;z-index:10}@keyframes drawSignature{to{stroke-dashoffset:0}}@keyframes rollIn{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0deg)}}@keyframes glow{0%,to{text-shadow:0 0 15px #f363,0 0 30px #ba77ff1a}50%{text-shadow:0 0 25px #ff33664d,0 0 50px #ba77ff33}}@keyframes bounce{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.2) translateY(-10px)}}@keyframes lineReveal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse{0%,to{box-shadow:0 0 0 15px var(--bg-primary),0 0 0 20px #fff,0 0 35px #0003}50%{box-shadow:0 0 0 15px var(--bg-primary),0 0 0 20px #fff,0 0 50px #4d9fff66}}@keyframes spinAround{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes particleMove{0%{background-position:0 0,20% 20%,40% 40%,60% 60%,80% 80%}25%{background-position:10% 10%,30% 30%,50% 50%,70% 70%,90% 90%}50%{background-position:20% 20%,40% 40%,60% 60%,80% 80%,0 0}75%{background-position:30% 30%,50% 50%,70% 70%,90% 90%,10% 10%}to{background-position:0 0,20% 20%,40% 40%,60% 60%,80% 80%}}@keyframes glowPulse{0%{opacity:.3;transform:scale(.95)}to{opacity:.7;transform:scale(1.05)}}@keyframes pulsePoint{0%,to{box-shadow:0 0 15px var(--accent-primary);transform:translateY(-50%) scale(1)}50%{box-shadow:0 0 25px var(--accent-primary);transform:translateY(-50%) scale(1.5)}}@keyframes gradientShift{0%{background-position:0 50%;background-size:100% 100%}50%{background-position:100% 50%;background-size:200% 100%}to{background-position:0 50%;background-size:100% 100%}}@keyframes shadowPulse{0%,to{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.5;transform:translateX(-50%) scale(1.2)}}@keyframes gridPulse{0%{background-size:30px 30px;opacity:.2}50%{background-size:35px 35px;opacity:.4}to{background-size:30px 30px;opacity:.2}}@keyframes borderPulse{0%{border-image:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary)) 1}50%{border-image:linear-gradient(135deg,var(--accent-tertiary),var(--accent-quaternary)) 1}to{border-image:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary)) 1}}@keyframes lineFade{0%,to{opacity:.3;width:30px}50%{opacity:.8;width:50px}}@keyframes textGradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100%}}@keyframes move-background{0%{transform:translateZ(0)}to{transform:translate3d(1000px,0,0)}}.background-container{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:-1}.background-container img{height:70vh;opacity:.8;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:70vh;z-index:3}.background-container .stars{background:#000 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png) repeat;bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:0}.background-container .twinkling{animation:move-background 70s linear infinite;background:#0000 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/twinkling.png) repeat;background-size:1000px 1000px;z-index:2}.background-container .clouds,.background-container .twinkling{bottom:0;height:100%;position:absolute;right:0;top:0;width:10000px}.background-container .clouds{animation:move-background 150s linear infinite;background:#0000 url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/clouds_repeat.png) repeat;background-size:1000px 1000px;z-index:3}.section-wrapper{position:relative;width:100%}.section-wrapper:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:.2;position:absolute;right:0;top:0}.section-wrapper .section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;box-shadow:0 10px 30px #0003;display:flex;margin:3rem 0;overflow:hidden;padding:6rem 5rem;position:relative}.section-wrapper .section:before{animation:gridPulse 10s ease-in-out infinite alternate;background-image:linear-gradient(rgba(var(--accent-primary-rgb),.03) 1px,#0000 1px),linear-gradient(90deg,rgba(var(--accent-primary-rgb),.03) 1px,#0000 1px);background-size:20px 20px;opacity:.3}.section-wrapper .section:after,.section-wrapper .section:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.section-wrapper .section:after{animation:borderGlow 4s ease-in-out infinite alternate;border:1px solid var(--accent-primary);border-radius:10px;box-shadow:0 0 15px rgba(var(--accent-primary-rgb),.3);opacity:.6;pointer-events:none}.section-wrapper .section .section-header{align-items:flex-start;animation:borderPulse 4s ease-in-out infinite alternate;border-image:var(--gradient-primary) 1;border-right:2px solid #0000;display:flex;font-size:3rem;font-weight:700;letter-spacing:1px;margin-right:2.5rem;padding-right:2.5rem;position:relative;text-transform:uppercase}.section-wrapper .section .section-header:after{animation:neonPulse 3s ease-in-out infinite;background:var(--accent-primary);border-radius:50%;box-shadow:var(--neon-glow);content:"";height:8px;position:absolute;right:-4px;top:3rem;width:8px}.section-wrapper .section .section-header:before{animation:lineFade 4s ease-in-out infinite alternate;background:var(--accent-secondary);box-shadow:var(--neon-glow);content:"";height:1px;position:absolute;right:-15px;top:6rem;transform:rotate(45deg);width:30px}.section-wrapper .section .section-header .section-header-icon{animation:textGradientFlow 8s linear infinite;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#0000;font-size:3rem;padding:.625rem .625rem .625rem 0;position:relative;transition:all .5s;z-index:2}.section-wrapper .section .section-header .section-header-icon:before{animation:rotateGradient 10s linear infinite;background:var(--gradient-secondary);bottom:-5px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);content:"";filter:blur(8px);left:-5px;opacity:.3;position:absolute;right:-5px;top:-5px;z-index:-1}.section-wrapper .section .section-header .section-header-icon:after{animation:rotateClockwise 10s linear infinite;border:2px solid #0000;border-image:var(--gradient-primary) 1;bottom:-2px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.section-wrapper .section .section-header .section-header-icon:hover{filter:brightness(1.2);transform:scale(1.1) rotate(15deg)}.section-wrapper .section .section-content{flex:1 1;padding-left:2rem;position:relative}.section-wrapper .section .section-content h3{color:var(--accent-primary);display:inline-block;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;position:relative;text-shadow:var(--text-glow)}.section-wrapper .section .section-content h3:after{background:var(--gradient-primary);bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(.3);transform-origin:left;transition:transform .3s ease;width:100%}.section-wrapper .section .section-content h3:hover:after{transform:scaleX(1)}.section-wrapper .section .section-content h3 svg{animation:spinIcon 10s linear infinite;color:var(--accent-quaternary);filter:drop-shadow(0 0 5px rgba(var(--accent-quaternary-rgb),.5));margin-right:.5rem;vertical-align:middle}.section-wrapper .section .section-content p{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,rgba(var(--bg-primary-rgb),.5) 0,rgba(var(--bg-primary-rgb),0) 100%);border-image:var(--gradient-secondary) 1;border-left:3px solid #0000;border-radius:0 5px 5px 0;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem;padding:1rem 1rem 1rem 1.5rem;position:relative;transition:var(--hover-transition)}.section-wrapper .section .section-content p:hover{border-image:var(--gradient-primary) 1;box-shadow:var(--card-shadow);color:var(--text-primary);transform:translateX(5px)}.section-wrapper .section.section-reverse{flex-direction:row-reverse}.section-wrapper .section.section-reverse .section-header{border-image:var(--gradient-primary) 1;border-left:2px solid;border-right:none;margin-left:2.5rem;margin-right:0;padding-left:2.5rem;padding-right:0}.section-wrapper .section.section-reverse .section-header:after{left:-1px;right:auto}.section-wrapper .section.section-reverse .section-content{padding-left:0;padding-right:2rem;text-align:right}.section-wrapper .section.section-reverse .section-content p{border-image:var(--gradient-secondary) 1;border-left:none;border-right:3px solid #0000;padding-left:0;padding-right:1rem}.section-wrapper .section.section-reverse .section-content p:hover{transform:translateX(-5px)}.section-wrapper .section.section-centered{align-items:center}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spinIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseGlow{0%,to{opacity:.2;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.5)}}@keyframes rotateGradient{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes rotateClockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-section h4{font-size:2rem}.about-section .programming-icons svg{height:3.5rem;margin-left:2rem;width:3.5rem}.about-section .programming-icons svg:first-child{margin-left:0}@media screen and (min-width:1024px){.skills-container{justify-content:flex-end!important}}.footer{text-align:center}.free-palestine{align-items:center;background:var(--bg-primary);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.free-palestine.is-hiding{opacity:0;transition:1s}.free-palestine.is-hiding .free-palestine-content{transform:translateY(-10em);transition:1s}.free-palestine.is-hiding .to-website{transform:translateX(5em);transition:1s}.free-palestine-content{margin-right:10rem;text-align:center}.free-palestine-content h1{animation:freePalestine 20s ease-in-out infinite;font-size:5vw;line-height:6vw;text-transform:uppercase}.free-palestine-content h1 span{font-size:10vw}.free-palestine .to-website svg{font-size:2.5rem}@media screen and (max-width:768px){.free-palestine{flex-direction:column}.free-palestine-content{margin:0 0 3rem}}@keyframes freePalestine{0%,to{transform:translateY(.2em)}50%{transform:translateY(-.2em)}}@media(max-width:767px){html{font-size:14px}h1{font-size:2.5rem!important;line-height:1.1!important;word-break:break-word!important}h2{font-size:2rem!important;line-height:1.2!important}h3{font-size:1.5rem!important;line-height:1.3!important}h4{font-size:1.25rem!important;line-height:1.4!important}p{font-size:1rem!important;line-height:1.6!important}.body-wrapper{padding:0 1rem!important;width:100%!important}.body-wrapper,.top-section{margin:0 auto!important;max-width:100%!important}.top-section{flex-direction:column!important;gap:2rem!important;height:auto!important;min-height:100vh!important;padding:2rem 1rem!important}.top-section .intro{border-bottom:2px solid #0984e3!important;border-bottom:2px solid var(--accent-primary)!important;border-right:none!important;max-width:100%!important;padding:1rem!important;text-align:center!important;width:100%!important}.top-section .intro h1{font-size:2.5rem!important;word-break:break-word!important}.top-section .intro p{font-size:1.2rem!important}.top-section .signature{align-items:center!important;display:flex!important;justify-content:center!important;padding:1rem!important;width:100%!important}.top-section .signature .profile-image-container .profile-image{height:250px!important;width:250px!important}.top-section .social{bottom:auto!important;display:flex!important;flex-wrap:nowrap!important;gap:.3rem!important;justify-content:center!important;margin-top:2rem!important;position:relative!important;text-align:center!important;width:100%!important}.top-section .social .circle-button{height:2.5rem!important;margin:.2rem!important;min-height:40px!important;min-width:40px!important;width:2.5rem!important}.section{display:flex!important;flex-direction:column!important;margin:1.5rem 0!important;padding:2rem 1rem!important}.section,.section .section-header{align-items:center!important;text-align:center!important}.section .section-header{border:none!important;font-size:1.5rem!important;justify-content:center!important;margin:0 0 1rem!important;padding:0 0 1rem!important;width:100%!important}.section .section-content{padding:0!important;text-align:center!important;width:100%!important}.education-container,.experience-container{display:flex!important;flex-direction:column!important;gap:1rem!important;width:100%!important}.education-container>div:first-child,.experience-container>div:first-child{display:none!important}.education-container .education-item,.education-container .experience-item,.experience-container .education-item,.experience-container .experience-item{margin-bottom:1rem!important;padding-left:0!important;text-align:center!important;width:100%!important}.education-container .education-item>div:first-child,.education-container .experience-item>div:first-child,.experience-container .education-item>div:first-child,.experience-container .experience-item>div:first-child{display:none!important}.education-container .education-item .education-card,.education-container .education-item .experience-card,.education-container .experience-item .education-card,.education-container .experience-item .experience-card,.experience-container .education-item .education-card,.experience-container .education-item .experience-card,.experience-container .experience-item .education-card,.experience-container .experience-item .experience-card{border:1px solid #0984e333!important;border:1px solid rgba(var(--accent-primary-rgb),.2)!important;box-shadow:0 2px 8px #0000001a!important;padding:1rem!important;text-align:center!important;width:100%!important}.skills-container{display:flex!important;flex-wrap:wrap!important;gap:1rem!important;justify-content:center!important;overflow-x:visible!important;width:100%!important}.skills-container .skill-item{align-items:center!important;display:flex!important;flex-direction:column!important;margin:0!important;min-width:auto!important;padding:.5rem!important;text-align:center!important}.skills-container .skill-item svg{height:2rem!important;margin:0!important;width:2rem!important}.skills-container .skill-item span{font-size:.8rem!important;margin-top:.5rem!important}.menu .menu-toggle{z-index:1000!important}.menu .menu-item,.menu .menu-toggle{background:#f8f9fa!important;background:var(--bg-primary)!important;border:2px solid #0984e3!important;border:2px solid var(--accent-primary)!important;box-shadow:0 4px 12px #0000004d!important;left:1rem!important;min-height:44px!important;min-width:44px!important;position:fixed!important;top:1rem!important}.menu .menu-item{z-index:999!important}.particle{display:none!important}body:before{background-size:50px 50px!important;opacity:.2!important}body:after{animation:none!important;background:radial-gradient(circle at 50% 50%,#0984e305 0,#0000 70%)!important;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-primary-rgb),.02) 0,#0000 70%)!important}.section:after,.section:before,.top-section:after{display:none!important}*{animation-duration:.5s!important;transition-duration:.3s!important}.background-container,.clouds,.stars,.twinkling{display:none!important}.text-center-xs{text-align:center!important}.btn:focus,.circle-button:focus,.menu-item:focus,.menu-toggle:focus,button:focus{outline:2px solid #0984e3!important;outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}}@media(max-width:767px)and (pointer:coarse){.btn,.circle-button,.menu-item,.menu-toggle,button{min-height:48px!important;min-width:48px!important}}@media(max-width:767px){body,html{max-width:100%!important;overflow-x:hidden!important}*{box-sizing:border-box!important}@supports(-webkit-touch-callout:none){.top-section,body{min-height:-webkit-fill-available!important}}@supports(-webkit-appearance:none) and (not (overflow:-webkit-marquee)){.top-section,body{min-height:100vh!important;min-height:100dvh!important}}}@media(max-width:767px){.grid-container{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:1fr!important}.flex-container{display:flex!important;flex-direction:column!important;gap:1rem!important}img{display:block!important;height:auto!important;max-width:100%!important}.btn,.circle-button,.menu-item,.menu-toggle,button{min-height:44px!important;min-width:44px!important}}@media print{*{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.background-container,.menu,.menu-item,.menu-toggle,.particle{display:none!important}}:root{--bg-primary:#f8f9fa;--bg-primary-rgb:248,249,250;--bg-secondary:#fff;--bg-secondary-rgb:255,255,255;--text-primary:#2d3436;--text-secondary:#636e72;--accent-primary:#0984e3;--accent-primary-rgb:9,132,227;--accent-secondary:#6c5ce7;--accent-secondary-rgb:108,92,231;--accent-tertiary:#00cec9;--accent-tertiary-rgb:0,206,201;--accent-quaternary:#fd79a8;--accent-quaternary-rgb:253,121,168;--gradient-primary:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--gradient-secondary:linear-gradient(135deg,var(--accent-tertiary),var(--accent-quaternary));--card-shadow:0 10px 20px #0000000d;--button-shadow:0 5px 15px #0984e333;--hover-transition:all 0.3s ease;font-size:16px}.dark-mode{--bg-primary:#0a0a0a;--bg-primary-rgb:10,10,10;--bg-secondary:#121212;--bg-secondary-rgb:18,18,18;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--accent-primary:#0ef;--accent-primary-rgb:0,238,255;--accent-secondary:#7928ca;--accent-secondary-rgb:121,40,202;--accent-tertiary:#00f260;--accent-tertiary-rgb:0,242,96;--accent-quaternary:#ff0080;--accent-quaternary-rgb:255,0,128;--gradient-primary:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--gradient-secondary:linear-gradient(135deg,var(--accent-tertiary),var(--accent-quaternary));--card-shadow:0 10px 20px #0006;--neon-glow:0 0 8px rgba(var(--accent-primary-rgb),0.4),0 0 16px rgba(var(--accent-primary-rgb),0.2);--text-glow:0 0 2px rgba(var(--accent-primary-rgb),0.5)}body{background:#f8f9fa;background:var(--bg-primary);color:#2d3436;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;margin:0;overflow-x:hidden;padding:0;position:relative;transition:all .3s ease}body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}@media(min-width:1024px){body:before{background-image:linear-gradient(#0984e308 1px,#0000 0),linear-gradient(90deg,#0984e308 1px,#0000 0);background-image:linear-gradient(rgba(var(--accent-primary-rgb),.03) 1px,#0000 1px),linear-gradient(90deg,rgba(var(--accent-primary-rgb),.03) 1px,#0000 1px);background-size:70px 70px;opacity:.5}}@media(max-width:1023px){body:before{background-color:#f8f9fa;background-color:var(--bg-primary)}}body:after{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@media(min-width:1024px){body:after{animation:gradientMove 30s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 20%,#0984e30d 0,#0000 40%),radial-gradient(circle at 80% 80%,#6c5ce70d 0,#0000 40%);background:radial-gradient(circle at 20% 20%,rgba(var(--accent-primary-rgb),.05) 0,#0000 40%),radial-gradient(circle at 80% 80%,rgba(var(--accent-secondary-rgb),.05) 0,#0000 40%)}}@media(max-width:1023px){body:after{background:radial-gradient(circle at 50% 50%,#0984e305 0,#0000 70%);background:radial-gradient(circle at 50% 50%,rgba(var(--accent-primary-rgb),.02) 0,#0000 70%)}}body .particle{animation:particleFade 4s ease-in-out infinite;background-color:#0984e366;background-color:rgba(var(--accent-primary-rgb),.4);border-radius:50%;box-shadow:0 0 8px #0984e399;box-shadow:0 0 8px rgba(var(--accent-primary-rgb),.6);height:2px;pointer-events:none;position:fixed;width:2px;will-change:opacity,transform;z-index:-1}body .particle:first-child{animation-delay:.3s;animation-duration:6s;left:64%;top:48%}body .particle:nth-child(2){animation-delay:.6s;animation-duration:4s;left:59%;top:10%}body .particle:nth-child(3){animation-delay:.9s;animation-duration:4s;left:24%;top:10%}body .particle:nth-child(4){animation-delay:1.2s;animation-duration:4s;left:68%;top:4%}body .particle:nth-child(5){animation-delay:1.5s;animation-duration:4s;left:47%;top:63%}body .particle:nth-child(6){animation-delay:1.8s;animation-duration:4s;left:13%;top:19%}body .particle:nth-child(7){animation-delay:2.1s;animation-duration:5s;left:77%;top:29%}body .particle:nth-child(8){animation-delay:2.4s;animation-duration:4s;left:69%;top:8%}body .particle:nth-child(9){animation-delay:2.7s;animation-duration:4s;left:24%;top:60%}body .particle:nth-child(10){animation-delay:3s;animation-duration:4s;left:51%;top:11%}body .particle:nth-child(11){animation-delay:3.3s;animation-duration:4s;left:81%;top:29%}body .particle:nth-child(12){animation-delay:3.6s;animation-duration:5s;left:11%;top:47%}body .particle:nth-child(13){animation-delay:3.9s;animation-duration:4s;left:1%;top:77%}body .particle:nth-child(14){animation-delay:4.2s;animation-duration:4s;left:49%;top:21%}body .particle:nth-child(15){animation-delay:4.5s;animation-duration:5s;left:64%;top:11%}button,input,textarea{font-family:inherit}.body-wrapper{margin:0 auto;max-width:90%;width:1100px}a{color:#0984e3;color:var(--accent-primary);position:relative;transition:all .3s ease;transition:var(--hover-transition)}a,a:hover{text-decoration:none}a:hover{color:#6c5ce7;color:var(--accent-secondary)}a.animated-link:after{background:linear-gradient(135deg,#0984e3,#6c5ce7);background:var(--gradient-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%}a.animated-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.MuiTooltip-tooltip{font-size:1em!important}@keyframes gradientMove{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes particleFade{0%,to{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(-20px) scale(1.2)}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #0984e380,0 0 10px #0984e34d;box-shadow:0 0 5px rgba(var(--accent-primary-rgb),.5),0 0 10px rgba(var(--accent-primary-rgb),.3);text-shadow:0 0 3px #0984e3b3;text-shadow:0 0 3px rgba(var(--accent-primary-rgb),.7)}50%{box-shadow:0 0 10px #0984e3cc,0 0 20px #0984e380,0 0 30px #0984e34d;box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.8),0 0 20px rgba(var(--accent-primary-rgb),.5),0 0 30px rgba(var(--accent-primary-rgb),.3);text-shadow:0 0 5px #0984e3;text-shadow:0 0 5px rgba(var(--accent-primary-rgb),1)}}@keyframes borderGlow{0%,to{border-color:#0984e3;border-color:var(--accent-primary);box-shadow:0 0 5px #0984e380;box-shadow:0 0 5px rgba(var(--accent-primary-rgb),.5)}50%{border-color:#6c5ce7;border-color:var(--accent-secondary);box-shadow:0 0 15px #6c5ce780;box-shadow:0 0 15px rgba(var(--accent-secondary-rgb),.5)}}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#2d3436;background:var(--text-primary);border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background:#636e72;background:var(--text-secondary)}
/*# sourceMappingURL=main.8daf307a.css.map*/