@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&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}.circle-button.menu-toggle{margin:0}.menu-toggle{background-color:var(--bg-primary);box-sizing:border-box;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-toggle--compact{align-items:center!important;flex-direction:column!important;gap:0;justify-content:center!important}.menu-toggle.menu-toggle--compact .menu-burger{align-items:center;display:flex;flex-direction:column;gap:.3rem;justify-content:center;padding-left:0}.menu-toggle.menu-toggle--compact .menu-burger-bar{margin-bottom:0!important;width:1.45rem}.menu-toggle .menu-burger{padding-left:.3rem}.menu-toggle .menu-burger .menu-burger-bar{background:var(--text-primary);border-radius:1rem;display:block;height:.18rem;margin-bottom:.3rem;transform-origin:center;transition:transform .35s ease,opacity .25s ease,background .2s ease;width:1.25rem}.menu-toggle .menu-burger .menu-burger-bar:last-child{margin-bottom:0}.menu-toggle:hover .menu-burger-bar{background:var(--accent-primary)}.menu-active .menu-toggle .menu-burger-bar{background:var(--text-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-active .menu-toggle.menu-toggle--compact .menu-burger-bar:first-child{transform:rotate(-45deg) translateY(.33rem)}.menu-active .menu-toggle.menu-toggle--compact .menu-burger-bar:nth-child(3){transform:rotate(45deg) translateY(-.33rem)}@media screen and (max-width:767px){.menu-toggle{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(var(--bg-primary-rgb),.95)!important;border:1px solid rgba(var(--accent-primary-rgb),.3)!important;box-shadow:0 4px 20px #00000026,0 0 0 1px rgba(var(--accent-primary-rgb),.1)!important;height:min(4rem,100vw - 28px);left:auto;right:max(14px,env(safe-area-inset-right,0px) + 10px);top:max(14px,env(safe-area-inset-top,0px) + 10px);transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:min(4rem,100vw - 28px)}.menu-toggle:hover{background:rgba(var(--bg-primary-rgb),.98)!important;border-color:rgba(var(--accent-primary-rgb),.5)!important;box-shadow:0 6px 25px #0003,0 0 0 1px rgba(var(--accent-primary-rgb),.2)!important;transform:scale(1.05)}.menu-toggle:active{transform:scale(.95)}.menu-toggle .menu-toggle__icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.menu-toggle .menu-toggle__icon svg{color:var(--accent-primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.menu-active .menu-toggle{background:rgba(var(--accent-primary-rgb),.1)!important;border-color:var(--accent-primary)!important}.menu-active .menu-toggle .menu-toggle__icon svg{color:var(--accent-primary);transform:rotate(90deg)}}.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{position:relative;z-index:10001}.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}.menu-items-shell--desktop{display:contents}.mobile-nav-backdrop{background:#0000;display:none;inset:0;pointer-events:none;position:fixed;transition:background .35s ease;z-index:1299}.mobile-nav-backdrop--visible{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0000008c;display:block;pointer-events:all}.mobile-nav-drawer{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(var(--bg-primary-rgb),.88);border-right:1.5px solid rgba(var(--accent-primary-rgb),.22);box-shadow:4px 0 40px #00000059,0 0 0 .5px rgba(var(--accent-primary-rgb),.08);display:flex;flex-direction:column;height:100dvh;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transform:translateX(-110%);transition:transform .38s cubic-bezier(.22,1,.36,1);width:min(82vw,310px);z-index:1300}.mobile-nav-drawer.mobile-nav-drawer--open{transform:translateX(0)}.mobile-nav-header{align-items:center;display:flex;flex-shrink:0;gap:.75rem;padding:1.1rem 1rem .9rem;position:relative}.mobile-nav-avatar{background:rgba(var(--bg-secondary-rgb),.5);border:1.5px solid rgba(var(--accent-primary-rgb),.35);border-radius:14px;box-shadow:0 4px 12px #0003,0 0 0 3px rgba(var(--accent-primary-rgb),.08);flex-shrink:0;height:46px;overflow:hidden;width:46px}.mobile-nav-avatar img{display:block;height:100%;object-fit:cover;width:100%}.mobile-nav-header-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.mobile-nav-name{color:var(--text-primary);font-size:.98rem;font-weight:700;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-subtitle{color:var(--accent-primary);font-size:.76rem;font-weight:500;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.mobile-nav-close{align-items:center;background:rgba(var(--accent-primary-rgb),.06);border:1px solid rgba(var(--accent-primary-rgb),.2);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.mobile-nav-close:hover{background:rgba(var(--accent-primary-rgb),.18);border-color:rgba(var(--accent-primary-rgb),.5);transform:rotate(90deg)}.mobile-nav-close-icon{font-size:.85rem;line-height:1}.mobile-nav-list{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:.5rem .6rem;scrollbar-width:none}.mobile-nav-list::-webkit-scrollbar{display:none}.mobile-nav-item{animation:navItemSlideIn .35s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.05s;animation-delay:calc(.05s + var(--item-index, 0)*.07s);margin:.18rem 0;opacity:0;transform:translateX(-24px)}.mobile-nav-drawer:not(.mobile-nav-drawer--open) .mobile-nav-item{animation:none;opacity:0;transform:translateX(-24px)}@keyframes navItemSlideIn{to{opacity:1;transform:translateX(0)}}.mobile-nav-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.97rem;font-weight:500;gap:.85rem;letter-spacing:.01em;padding:.72rem .9rem;text-align:left;text-transform:capitalize;touch-action:manipulation;transition:background .2s ease,border-color .2s ease,transform .15s ease;width:100%}.mobile-nav-btn:focus-visible,.mobile-nav-btn:hover{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.12),rgba(var(--accent-secondary-rgb),.06));border-color:rgba(var(--accent-primary-rgb),.22);outline:none;transform:translateX(4px)}.mobile-nav-btn:active{transform:scale(.97) translateX(2px)}.mobile-nav-btn-icon{align-items:center;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.18);border-radius:10px;color:var(--accent-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s ease,box-shadow .2s ease;width:36px}.mobile-nav-btn-icon svg{font-size:1.2rem}.mobile-nav-btn:hover .mobile-nav-btn-icon{background:rgba(var(--accent-primary-rgb),.2);box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.35)}.mobile-nav-btn-label{flex:1 1}.mobile-nav-btn-arrow{color:rgba(var(--accent-primary-rgb),.5);font-size:1.3rem;line-height:1;transition:transform .2s ease,color .2s ease}.mobile-nav-btn:hover .mobile-nav-btn-arrow{color:var(--accent-primary);transform:translateX(3px)}.mobile-nav-footer{color:var(--text-secondary);flex-shrink:0;font-size:.75rem;letter-spacing:.04em;padding:.6rem 1rem .75rem;text-align:center}.menu-home-fab{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--bg-primary-rgb),.9)!important;border:1px solid rgba(var(--accent-primary-rgb),.5)!important;margin:0!important;position:fixed!important;right:max(14px,env(safe-area-inset-right,0px) + 10px)!important;top:max(14px,env(safe-area-inset-top,0px) + 10px)!important;z-index:1200!important}.menu-home-fab svg{font-size:1.4rem}.menu-scrolltop-fab{animation:menu-pop-in .22s ease-out;background:rgba(var(--bg-primary-rgb),.92)!important;border:1px solid rgba(var(--accent-primary-rgb),.45)!important;bottom:max(18px,env(safe-area-inset-bottom,0px) + 12px)!important;box-shadow:0 8px 20px #00000040!important;margin:0!important;position:fixed!important;right:max(14px,env(safe-area-inset-right,0px) + 10px)!important;z-index:1200!important}.menu-scrolltop-fab svg{font-size:1.5rem}@keyframes menu-pop-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.MuiListItem-root.Mui-selected,.MuiListItem-root.Mui-selected:hover{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.18),rgba(var(--accent-secondary-rgb),.1))!important;border:1px solid rgba(var(--accent-primary-rgb),.22)}.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:2s;background-color:rgba(var(--accent-primary-rgb),.1);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.6);height:2px;left:97%;top:26%}.top-section:before:first-child,.top-section:before:nth-child(2){border-radius:50%;content:"";position:absolute;width:2px;z-index:-1}.top-section:before:nth-child(2){animation:particleFade 6s ease-in-out infinite;animation-delay:.5s;background-color:rgba(var(--accent-primary-rgb),.4);box-shadow:0 0 14px rgba(var(--accent-primary-rgb),.6);height:5px;left:83%;top:32%}.top-section:before:nth-child(3){animation:particleFade 5s ease-in-out infinite;animation-delay:1.5s;background-color:rgba(var(--accent-primary-rgb),.1);border-radius:50%;box-shadow:0 0 9px rgba(var(--accent-primary-rgb),.6);content:"";height:2px;left:31%;position:absolute;top:48%;width:5px;z-index:-1}.top-section:before:nth-child(4){animation:particleFade 5s ease-in-out infinite;animation-delay:.5s;box-shadow:0 0 6px rgba(var(--accent-primary-rgb),.6);left:33%;width:3px}.top-section:before:nth-child(4),.top-section:before:nth-child(5){background-color:rgba(var(--accent-primary-rgb),.1);border-radius:50%;content:"";height:5px;position:absolute;top:3%;z-index:-1}.top-section:before:nth-child(5){animation:particleFade 8s ease-in-out infinite;animation-delay:1s;box-shadow:0 0 13px rgba(var(--accent-primary-rgb),.6);left:2%;width:2px}.top-section:before:nth-child(6){animation:particleFade 5s ease-in-out infinite;animation-delay:.5s;background-color:rgba(var(--accent-primary-rgb),.2);border-radius:50%;box-shadow:0 0 9px rgba(var(--accent-primary-rgb),.6);content:"";height:5px;left:47%;position:absolute;top:93%;width:3px;z-index:-1}.top-section:before:nth-child(7){animation:particleFade 7s ease-in-out infinite;animation-delay:2.5s;background-color:rgba(var(--accent-primary-rgb),.6);left:91%;top:60%;width:3px}.top-section:before:nth-child(7),.top-section:before:nth-child(8){border-radius:50%;box-shadow:0 0 6px rgba(var(--accent-primary-rgb),.6);content:"";height:4px;position:absolute;z-index:-1}.top-section:before:nth-child(8){animation:particleFade 8s ease-in-out infinite;animation-delay:1.5s;background-color:rgba(var(--accent-primary-rgb),.5);left:9%;top:81%;width:4px}.top-section:before:nth-child(9){animation:particleFade 5s ease-in-out infinite;animation-delay:2s;background-color:rgba(var(--accent-primary-rgb),.3);box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.6);left:71%;top:92%;width:5px}.top-section:before:nth-child(10),.top-section:before:nth-child(9){border-radius:50%;content:"";height:2px;position:absolute;z-index:-1}.top-section:before:nth-child(10){animation:particleFade 7s ease-in-out infinite;animation-delay:.5s;background-color:rgba(var(--accent-primary-rgb),.1);box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.6);left:87%;top:41%;width:4px}.top-section:before:nth-child(11){animation:particleFade 8s ease-in-out infinite;animation-delay:2s;background-color:rgba(var(--accent-primary-rgb),.4);left:12%;top:24%;width:2px}.top-section:before:nth-child(11),.top-section:before:nth-child(12){border-radius:50%;box-shadow:0 0 13px rgba(var(--accent-primary-rgb),.6);content:"";height:4px;position:absolute;z-index:-1}.top-section:before:nth-child(12){animation:particleFade 4s ease-in-out infinite;animation-delay:1.5s;background-color:rgba(var(--accent-primary-rgb),.7);left:15%;top:7%;width:4px}.top-section:before:nth-child(13){animation:particleFade 5s ease-in-out infinite;animation-delay:1.5s;box-shadow:0 0 9px rgba(var(--accent-primary-rgb),.6);height:2px;left:28%;top:80%;width:4px}.top-section:before:nth-child(13),.top-section:before:nth-child(14){background-color:rgba(var(--accent-primary-rgb),.1);border-radius:50%;content:"";position:absolute;z-index:-1}.top-section:before:nth-child(14){animation:particleFade 6s ease-in-out infinite;animation-delay:.5s;box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.6);height:3px;left:50%;top:93%;width:5px}.top-section:before:nth-child(15){animation:particleFade 7s ease-in-out infinite;animation-delay:1.5s;background-color:rgba(var(--accent-primary-rgb),.6);border-radius:50%;box-shadow:0 0 8px rgba(var(--accent-primary-rgb),.6);content:"";height:5px;left:4%;position:absolute;top:58%;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}@media screen and (max-width:767px){.top-section .social{bottom:.5rem}}@media screen and (max-width:1100px)and (min-width:768px){.top-section{padding:0 2rem}.top-section .intro h1{font-size:clamp(2.75rem,4vw + 1.25rem,5.5rem)}.top-section .signature .profile-image-container .profile-image{height:min(350px,42vw)!important;width:min(350px,42vw)!important}}@media screen and (max-width:767px){.top-section{overflow:visible}}@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 var(--bg-secondary),0 0 35px #0003}50%{box-shadow:0 0 0 15px var(--bg-primary),0 0 0 20px var(--bg-secondary),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)}}.scroll-down-arrow{display:none}@media screen and (max-width:767px){.scroll-down-arrow{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:none;border:none;bottom:max(22px,env(safe-area-inset-bottom,0px) + 16px);cursor:pointer;display:flex;flex-direction:column;gap:.3rem;justify-content:center;left:50%;opacity:0;padding:.5rem;position:fixed;touch-action:manipulation;transform:translateX(-50%) translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1);z-index:500}.scroll-down-arrow.scroll-down-arrow--visible{opacity:1;transform:translateX(-50%) translateY(0)}.scroll-down-arrow .scroll-down-arrow__ring{animation:ringPulse 2s ease-out infinite;border:1.5px solid rgba(var(--accent-primary-rgb),.6);border-radius:50%;height:44px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:44px}.scroll-down-arrow .scroll-down-arrow__ring--1{animation-delay:0s;animation-duration:2s}.scroll-down-arrow .scroll-down-arrow__ring--2{animation-delay:.5s;animation-duration:2s}.scroll-down-arrow .scroll-down-arrow__ring--3{animation-delay:1s;animation-duration:2s}.scroll-down-arrow .scroll-down-arrow__chevron{align-items:center;animation:arrowBounce 1.8s ease-in-out infinite;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(var(--bg-primary-rgb),.7);border:1.5px solid rgba(var(--accent-primary-rgb),.7);border-radius:50%;box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.4),inset 0 0 6px rgba(var(--accent-primary-rgb),.06);color:var(--accent-primary);display:flex;height:36px;justify-content:center;position:relative;width:36px;z-index:1}.scroll-down-arrow .scroll-down-arrow__chevron svg{filter:drop-shadow(0 0 4px rgba(var(--accent-primary-rgb),.8));height:18px;width:18px}.scroll-down-arrow .scroll-down-arrow__label{animation:labelFade 1.8s ease-in-out infinite;color:var(--accent-primary);font-size:.62rem;font-weight:600;letter-spacing:.18em;opacity:.75;text-transform:uppercase}.scroll-down-arrow.scroll-down-arrow--hidden{opacity:0;pointer-events:none}.scroll-down-arrow:focus-visible,.scroll-down-arrow:hover{outline:none}.scroll-down-arrow:focus-visible .scroll-down-arrow__chevron,.scroll-down-arrow:hover .scroll-down-arrow__chevron{background:rgba(var(--accent-primary-rgb),.12);box-shadow:0 0 20px rgba(var(--accent-primary-rgb),.7),inset 0 0 10px rgba(var(--accent-primary-rgb),.1)}}@keyframes ringPulse{0%{opacity:.7;transform:translateX(-50%) scale(.85)}70%{opacity:0;transform:translateX(-50%) scale(1.5)}to{opacity:0;transform:translateX(-50%) scale(1.5)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}45%{transform:translateY(6px)}65%{transform:translateY(3px)}}@keyframes labelFade{0%,to{opacity:.55}50%{opacity:1}}.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);background:var(--bg-secondary);border-radius:10px;box-shadow:var(--card-shadow);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;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);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;filter:blur(8px);left:-5px;opacity:.3;right:-5px;top:-5px}.section-wrapper .section .section-header .section-header-icon:after,.section-wrapper .section .section-header .section-header-icon:before{-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);content:"";position:absolute;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;left:-2px;right:-2px;top:-2px}.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}@media screen and (max-width:1023px)and (min-width:768px){.section-wrapper .section{margin:2rem 0;padding:4rem 2rem}.section-wrapper .section .section-header{font-size:clamp(1.75rem,2vw + 1rem,3rem);margin-right:1.5rem;padding-right:1.5rem}}@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}.about-section .skills-container{display:flex!important;justify-content:center!important}@media screen and (min-width:768px){.about-section .skills-container{display:flex!important;justify-content:center!important}.about-section .skill-item span:nth-child(2){line-height:1.2!important;max-width:80px!important;text-align:center!important;white-space:normal!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)}}.cyber-background{height:100%;left:0;opacity:.85;pointer-events:none;position:fixed;top:0;width:100%;z-index:-3}body:not(.dark-mode) .cyber-background{opacity:.95}@media(max-width:1023px){.cyber-background{display:none}}: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:19%;top:86%}body .particle:nth-child(2){animation-delay:.6s;animation-duration:4s;left:18%;top:23%}body .particle:nth-child(3){animation-delay:.9s;animation-duration:6s;left:47%;top:100%}body .particle:nth-child(4){animation-delay:1.2s;animation-duration:5s;left:28%;top:93%}body .particle:nth-child(5){animation-delay:1.5s;animation-duration:4s;left:73%;top:84%}body .particle:nth-child(6){animation-delay:1.8s;animation-duration:4s;left:81%;top:42%}body .particle:nth-child(7){animation-delay:2.1s;animation-duration:5s;left:89%;top:83%}body .particle:nth-child(8){animation-delay:2.4s;animation-duration:6s;left:95%;top:49%}body .particle:nth-child(9){animation-delay:2.7s;animation-duration:5s;left:98%;top:18%}body .particle:nth-child(10){animation-delay:3s;animation-duration:6s;left:16%;top:61%}body .particle:nth-child(11){animation-delay:3.3s;animation-duration:5s;left:8%;top:7%}body .particle:nth-child(12){animation-delay:3.6s;animation-duration:5s;left:37%;top:24%}body .particle:nth-child(13){animation-delay:3.9s;animation-duration:4s;left:33%;top:1%}body .particle:nth-child(14){animation-delay:4.2s;animation-duration:6s;left:97%;top:18%}body .particle:nth-child(15){animation-delay:4.5s;animation-duration:4s;left:14%;top:35%}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}.MuiPopper-root,.MuiTooltip-popper{z-index:999999!important}.MuiTooltip-tooltip{border-radius:4px!important;font-size:.75rem!important;line-height:1.3!important;padding:.25rem .5rem!important}.MuiDrawer-paper{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8f9fad1!important;background:rgba(var(--bg-primary-rgb),.82)!important;border-right:1px solid #0984e32e!important;border-right:1px solid rgba(var(--accent-primary-rgb),.18)!important;color:#2d3436!important;color:var(--text-primary)!important}.MuiListItemIcon-root{color:#0984e3!important;color:var(--accent-primary)!important;min-width:42px!important}.MuiListItemText-primary{text-transform:capitalize}.MuiListItem-root{border-radius:12px;margin:.2rem .6rem}.MuiListItem-root:hover{background:#0984e314!important;background:rgba(var(--accent-primary-rgb),.08)!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)}@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;margin-top:-12rem!important;max-width:100%!important;padding:1rem!important;text-align:center!important;width:100%!important}.top-section .intro h1{animation:mobileNameGlow 3s ease-in-out infinite alternate!important;background:linear-gradient(45deg,#0984e3,#6c5ce7,#00cec9,#fd79a8)!important;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary),var(--accent-tertiary),var(--accent-quaternary))!important;background-clip:text!important;-webkit-background-clip:text!important;color:#0000!important;font-size:3.5rem!important;font-weight:700!important;letter-spacing:4px!important;position:relative!important;text-shadow:0 0 10px #0984e380!important;text-shadow:0 0 10px rgba(var(--accent-primary-rgb),.5)!important;transform:scaleX(1.1)!important;word-break:break-word!important}.top-section .intro h1:before{background:linear-gradient(45deg,#0984e3,#6c5ce7)!important;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary))!important;background-clip:text!important;-webkit-background-clip:text!important;color:#0000!important;content:attr(data-text)!important;filter:blur(8px)!important;left:0!important;opacity:.7!important;position:absolute!important;top:0!important;z-index:-1!important}.top-section .intro h1 .mobile-name-first{animation:mobileNameFloat 2s ease-in-out infinite!important;display:inline-block!important}.top-section .intro h1 .mobile-name-second{animation:mobileNameFloat 2s ease-in-out .5s infinite!important;display:inline-block!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{margin-top:7rem!important}.top-section .signature .profile-image-container .profile-image{height:250px!important;width:250px!important}.top-section .social{bottom:2.5rem!important;box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;gap:.4rem!important;justify-content:center!important;left:50%!important;padding:0 .25rem!important;position:absolute!important;text-align:center!important;transform:translateX(-50%)!important;width:100%!important;z-index:10!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 .menu-data{overflow:visible!important}.menu .menu-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);bottom:auto!important;box-shadow:0 2px 10px #0006!important;box-sizing:border-box!important;flex-shrink:0!important;height:min(4rem,100vw - 28px)!important;left:max(14px,env(safe-area-inset-left,0px) + 10px)!important;margin:0!important;max-height:4rem!important;max-width:4rem!important;min-height:3.25rem!important;min-width:3.25rem!important;padding:0!important;top:max(14px,env(safe-area-inset-top,0px) + 10px)!important;touch-action:manipulation!important;transform:none!important;width:min(4rem,100vw - 28px)!important;z-index:1000!important}.menu .menu-toggle,.menu .menu:not(.menu--mobile) .menu-item{background:#f8f9fa!important;background:var(--bg-primary)!important;border:2px solid #0984e3!important;border:2px solid var(--accent-primary)!important;position:fixed!important;right:auto!important}.menu .menu:not(.menu--mobile) .menu-item{box-shadow:0 4px 12px #0000004d!important;left:2rem!important;top:50%!important;transform:translateY(-50%)!important;z-index:999!important}.menu .menu--mobile .menu-item{bottom:auto!important;left:max(14px,env(safe-area-inset-left,0px) + 10px)!important;margin:0!important;position:fixed!important;right:auto!important;top:max(14px,env(safe-area-inset-top,0px) + 10px)!important;z-index:999!important}.menu-active .menu-toggle:active,.menu-active .menu-toggle:hover{transform:scale(1.06)!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:not(.menu-toggle):not(.menu-item),button:not(.menu-toggle):not(.menu-item){min-height:48px!important;min-width:48px!important}}@media(max-width:767px){body,html{max-width:100%!important;overflow-x:hidden!important}#root{overflow:visible!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:not(.menu-toggle):not(.menu-item),button:not(.menu-toggle):not(.menu-item){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}}@media(max-width:767px){.mobile-scroll-indicator{align-items:center!important;animation:bounceFadeAndGlow 3s ease-in-out infinite!important;bottom:5.5rem!important;display:flex!important;flex-direction:column!important;left:50%!important;pointer-events:none!important;position:absolute!important;transform:translateX(-50%)!important;transition:opacity .5s ease,transform .5s ease!important;z-index:5!important}.mobile-scroll-indicator.hiding{animation:none!important;opacity:0!important;transform:translateX(-50%) translateY(20px)!important}.mobile-scroll-indicator .scroll-text{color:#2d3436!important;color:var(--text-primary)!important;font-size:.7rem!important;font-weight:800!important;letter-spacing:3px!important;margin-bottom:-8px!important;text-shadow:0 0 10px #0984e380!important;text-shadow:0 0 10px rgba(var(--accent-primary-rgb),.5)!important;text-transform:uppercase!important}.mobile-scroll-indicator svg{color:#2d3436!important;color:var(--text-primary)!important;filter:drop-shadow(0 0 5px rgba(9,132,227,.3))!important;filter:drop-shadow(0 0 5px rgba(var(--accent-primary-rgb),.3))!important;font-size:2.5rem!important}@keyframes bounceFadeAndGlow{0%,to{filter:blur(1px)!important;opacity:.2!important;transform:translateX(-50%) translateY(0) scale(.9)!important}50%{filter:blur(0)!important;opacity:1!important;transform:translateX(-50%) translateY(15px) scale(1.1)!important}}}@media(max-width:767px){.mobile-toggle-button{align-items:center!important;background:#0000!important;border:2px solid #2d3436!important;border:2px solid var(--text-primary)!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;opacity:1!important;position:fixed!important;right:1rem!important;top:1rem!important;transform:translateY(0)!important;transition:all .2s ease!important;width:36px!important;z-index:1000!important}.mobile-toggle-button.hidden{opacity:0!important;pointer-events:none!important;transform:translateY(-10px)!important}.mobile-toggle-button:hover{background:#2d3436!important;background:var(--text-primary)!important;transform:scale(1.05)!important}.mobile-toggle-button:active{transform:scale(.95)!important}.mobile-toggle-button svg{color:#2d3436!important;color:var(--text-primary)!important;font-size:18px!important;transition:color .2s ease!important}.mobile-toggle-button:hover svg{color:#fff!important;color:var(--bg-secondary)!important}}@keyframes mobileNameGlow{0%{filter:brightness(1) saturate(1);transform:scale(1)}50%{filter:brightness(1.2) saturate(1.3);transform:scale(1.02)}to{filter:brightness(1.1) saturate(1.2);transform:scale(1.01)}}@keyframes mobileNameFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}
/*# sourceMappingURL=main.8a3e8cf2.css.map*/