.skills-container{max-width:60rem;margin-left:auto;margin-right:auto;overflow:hidden}.skills-marquee-group{flex-direction:column;gap:.75rem;display:flex}.skills-marquee-wrapper{width:100%;padding-top:.25rem;padding-bottom:.25rem;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.skills-marquee-content{align-items:center;gap:.75rem;width:max-content;display:flex}.scroll-left{animation:40s linear infinite scroll-left}.scroll-right{animation:45s linear infinite scroll-right}.skills-marquee-content:hover{animation-play-state:paused}.skills-badge{white-space:nowrap;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:10px;font-weight:500;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s;display:flex}.skills-badge:is(.dark *){--tw-bg-opacity:1;background-color:hsl(215 50% 50%/var(--tw-bg-opacity,1))}.skills-badge:hover:is(.dark *){--tw-bg-opacity:1;background-color:hsl(215 50% 45%/var(--tw-bg-opacity,1))}.skills-badge{cursor:default}.skill-icon{opacity:.9;width:.75rem;height:.75rem}.skills-badge:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes scroll-right{0%{transform:translate(-33.333%)}to{transform:translate(0)}}
.contact-section{text-align:center}.contact-description{color:#4b5563;margin-bottom:.5rem}.dark .contact-description{color:#d1d5db}.contact-email{color:#000;margin-bottom:.5rem}.dark .contact-email{color:#fff}.contact-icons{justify-content:center;align-items:center;gap:1rem;display:flex}.contact-icon-link{color:#4b5563;transition:color .3s}.contact-icon-link:hover{color:#4de9d2}.dark .contact-icon-link{color:#9ca3af}.dark .contact-icon-link:hover{color:#4de9d2}.contact-icon{width:1.25rem;height:1.25rem;transition:transform .3s}.contact-icon-link:hover .contact-icon{transform:scale(1.1)}.contact-paragraph-animate{opacity:0;transform:translateY(20px)}.contact-email-animate{opacity:0;transform:scale(.8)}.contact-icons-animate{opacity:0;transform:translateY(10px)}.contact-clock-container{flex-direction:column;align-items:center;gap:.15rem;margin-bottom:.75rem;display:flex}.clock-label{text-transform:uppercase;letter-spacing:.1em;color:#6b7280;font-size:.5rem}.dark .clock-label{color:#9ca3af}.clock-time{color:#000;font-family:JetBrains Mono,Courier New,monospace;font-size:.6rem;font-weight:600}.dark .clock-time{color:#fff}@media (max-width:640px){.contact-icons{gap:.75rem}.contact-icon{width:1rem;height:1rem}.clock-time{font-size:.7rem}}
@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/57dd297ff72c8fa7-s.5bf52cce.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85c577ec7d0c8010-s.cd9f51c4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(../media/f8cabcee3b0c666c-s.p.b364ada9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand Fallback;src:local(Arial);ascent-override:127.97%;descent-override:38.32%;line-gap-override:0.0%;size-adjust:81.43%}.patrick_hand_fd1a4108-module__XloNoa__className{font-family:Patrick Hand,Patrick Hand Fallback;font-style:normal;font-weight:400}
.hero-section{text-align:center;width:100%;position:relative}.hero-title{justify-content:center;align-items:center;font-size:3rem;font-weight:300;line-height:1;display:flex}@media (min-width:1024px){.hero-title{font-size:3.75rem;line-height:1}}.hero-greeting{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.hero-greeting:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hero-subtitle{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));margin-top:.5rem;font-size:1.875rem;font-weight:300;line-height:2.25rem}.hero-subtitle:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}@media (min-width:1024px){.hero-subtitle{font-size:2.25rem;line-height:2.5rem}}.hero-description{--tw-text-opacity:1;max-width:32rem;color:rgb(0 0 0/var(--tw-text-opacity,1));margin-top:.5rem;margin-left:auto;margin-right:auto;font-size:.875rem;line-height:1.25rem}.hero-description:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}@media (min-width:640px){.hero-description{padding-left:0;padding-right:0;font-size:1rem;line-height:1.5rem}}.typing-word-ahmed{color:var(--ahmed-text-color);margin-left:.1em}.typing-word-here{color:var(--color-black-color-if-white);margin-left:.1em}.profile-container{animation:3s ease-in-out infinite float}.profile-border{animation:2s ease-in-out infinite alternate borderGlow}.profile-container .profile-image{transition:all .5s}.profile-pulse-overlay{opacity:0;border:2px solid #4de9d2;border-radius:50%;transition:opacity .3s;position:absolute;inset:-6px}.profile-container:hover .profile-pulse-overlay{opacity:.3;animation:1s infinite ping}.contact-button{color:#000;background:#b3f2eb;border:2px solid #4de9d2;border-radius:50px;align-items:center;padding:8px 16px;font-weight:500;transition:all .3s;display:inline-flex}@media (min-width:640px){.contact-button{padding:12px 24px}}.contact-button:hover{background:#4de9d2}.contact-button:focus{outline:none;box-shadow:0 0 0 2px #4de9d2}.contact-button-icon{width:16px;height:16px;margin-right:8px}@media (min-width:640px){.contact-button-icon{width:20px;height:20px;margin-right:12px}}@keyframes float{50%{transform:translateY(-2px)}}@keyframes borderGlow{50%{box-shadow:0 0 40px #4de9d2cc,0 0 60px #4de9d24d}}@keyframes ping{to{opacity:0;transform:scale(2)}}
.intro-screen{z-index:50;background:#000;justify-content:center;align-items:center;transition:all .8s;display:flex;position:fixed;inset:0}.intro-screen.fade-out{opacity:0;transform:scale(1.1)}.intro-background{background:linear-gradient(to bottom right,#000,#030712,#000);position:absolute;inset:0}.intro-background-animation{position:absolute;inset:0;overflow:hidden}.intro-orb-primary{filter:blur(48px);background:linear-gradient(to bottom right,#ffffff0d,#d1d5db0d);border-radius:50%;width:24rem;height:24rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:25%;right:25%}.intro-orb-secondary{filter:blur(48px);background:linear-gradient(to bottom right,#9ca3af0d,#ffffff0d);border-radius:50%;width:20rem;height:20rem;animation:2s cubic-bezier(.4,0,.6,1) 1s infinite pulse;position:absolute;bottom:25%;left:25%}.intro-text-backdrop{filter:blur(12px);background:linear-gradient(90deg,#0000,#1f29374d,#0000);border-radius:9999px;position:absolute;inset:0}.intro-hello-container{margin-bottom:2rem;position:relative}.intro-hello-text{letter-spacing:normal;color:#fff;filter:drop-shadow(0 0 60px #fff3);text-shadow:0 0 40px #ffffff4d;font-size:clamp(3.75rem,8vw,9rem);font-weight:300;line-height:1}.intro-hello-text-inner{color:#fff;filter:drop-shadow(0 0 60px #fff3)}.intro-hello-word{font-family:var(--font-dancing-script),"Dancing Script",cursive;text-shadow:0 0 40px #ffffff4d;color:#fff;font-weight:500}.intro-hello-glow{color:#fff;filter:blur(2px);opacity:.3;z-index:-10;position:absolute;inset:0}.intro-subtitle{color:#9ca3af;letter-spacing:.05em;font-size:clamp(1.125rem,2vw,2rem);font-weight:300;transition:all .8s 1.5s}.intro-subtitle.show{opacity:1;transform:translateY(0)}.intro-subtitle.hide{opacity:0;transform:translateY(1rem)}.intro-subtitle-name{color:#d1d5db}.intro-loading{justify-content:center;gap:.5rem;margin-top:3rem;transition:all .8s 1.8s;display:flex}.intro-loading.show{opacity:1;transform:translateY(0)}.intro-loading.hide{opacity:0;transform:translateY(1rem)}.intro-loading-dot{background-color:#4b5563;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both loadingPulse}.intro-loading-dot:first-child{animation-delay:-.32s}.intro-loading-dot:nth-child(2){animation-delay:-.16s}.intro-loading-dot:nth-child(3){animation-delay:0s}@keyframes loadingPulse{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width:768px){.intro-orb-primary{width:16rem;height:16rem}.intro-orb-secondary{width:12rem;height:12rem}}