*{font-family:var(--font-hilmar),sans-serif;margin:0;padding:0}::-webkit-scrollbar{width:0;display:none}:root{--sidebar-width:10rem;--navbar-height:4rem;--color-primary:#2093ff;--color-primary-hover:#d5def8;--color-bg:#e4ecf5;--color-bg-hover:#dde6f0;--color-surface:#f5f5f5;--color-text-primary:#2c2e2a;--color-text-secondary:#30312e;--color-text-tertiary:#dadada;--color-border:#e0e0e0;--secondary-color:#ff8c20;--error-color:#fd7a7a}[data-theme=dark]{--color-primary:#1768b4;--color-primary-hover:#1aa3f5;--color-bg:#0e1115;--color-surface:#1a1a1a;--color-text-primary:#ededed;--color-text-tertiary:#bdbdbd;--color-border:#4e4e4e;--secondary-color:#cc6c12;--error-color:#f56666}::selection{background:var(--color-primary);color:#101010}::-moz-selection{background:var(--selection);color:#fff}[data-theme=dark] ::selection{color:var(--color-text-primary)!important}html{scrollbar-gutter:stable}html[mobile-menu-open="1"],html[data-splash-playing="1"]{overflow:hidden!important}html[lang=ar] *{font-family:var(--font-inter);direction:right;text-align:right}body{background-color:var(--color-bg);color:var(--foreground);transition:background-color .9s,color .9s}button{background-color:var(--color-bg);border:none;outline:none;padding:.2rem}button,a,div{-webkit-tap-highlight-color:transparent}a{text-decoration:none}.border-radius-btn{border-radius:.6rem}.lang-flip{transform:none}html[lang=ar] .lang-flip{transform:scaleX(-1)}main{background:var(--color-primary);transition:all .5s;overflow:hidden}.svg-path{pointer-events:none;z-index:-1;width:100%;position:absolute;top:25vh;left:0}.svg-path svg{width:100%;height:100%}section{color:var(--color-text-primary);box-sizing:border-box;font-size:3rem;font-weight:500;transition:color .5s;padding:1rem clamp(.5rem,7vw,5rem)!important;padding-inline-start:calc(var(--sidebar-width) + clamp(.5rem,7vw,5rem))!important}section>*{transition:color .5s}.svg-path svg path{transition:stroke .5s}.home{pointer-events:all;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding-top:1rem;padding-bottom:3rem;display:flex;position:relative}.home ::selection{background-color:var(--color-bg);color:var(--color-primary)}.home-btns{justify-content:center;align-items:center;gap:.8rem;margin-top:clamp(1rem,5vw,3rem);display:flex}.home-btns path{stroke:#ff705d}.home-btns>*{flex-shrink:0}.panel{box-sizing:border-box;width:100%;min-height:100dvh;position:relative}.panel-inner{width:100%;height:100%}.panel-home{height:100dvh;margin-bottom:7rem}.panel-home .panel-inner{height:100dvh}.panel-content{z-index:2;background:var(--color-bg);border-top-left-radius:clamp(2.1875rem,4vw,3.5rem);border-top-right-radius:clamp(2.1875rem,4vw,3.5rem);min-height:100dvh;transition:color .5s,background-color .5s}.panel-content .panel-inner{height:auto;overflow:visible}.animated-burst>path{transition:fill .5s}.about-text-wrapper{flex-direction:column;gap:3rem;font-size:1.88rem;display:flex}.about-point{gap:clamp(.5rem,3vw,1.5rem);font-size:clamp(1.2rem,3vw,1.875rem);display:flex}.about-point svg{width:clamp(25px,4vw,40px);height:clamp(25px,4vw,40px)}#about{padding-top:clamp(4rem,10vw,6rem)!important;padding-bottom:10rem!important}#skills{flex-direction:column;justify-content:center;margin-inline-start:var(--sidebar-width);display:flex;overflow:hidden;padding:0 15%!important}.skill-point{white-space:nowrap}.colored-card{border-top:1px solid var(--color-border);background-color:var(--color-bg);height:52rem;margin-bottom:50px;padding-top:15px;font-size:1.5rem;transition-property:border,background-color;transition-duration:.5s;transition-timing-function:ease}main>:nth-child(2){margin:0!important}.home-links-wrapper{top:0;width:fit-content;color:var(--color-text-primary);gap:.7rem;padding:clamp(1rem,1vw,2rem) clamp(1rem,1vw,2rem) .5rem;font-size:1.3rem;display:flex;position:absolute;inset-inline-end:.5rem;transform:translateY(-100%)}.home-link{will-change:transform;transition:transform .2s}#contact{background-color:#50fc98;border-radius:clamp(2.1875rem,4vw,3.5rem);position:relative;padding-bottom:0!important}.contact{box-sizing:border-box;justify-content:center;align-items:center;gap:8vw;margin-bottom:0;padding:7rem;display:flex;padding-bottom:0!important}@media (max-width:1114px){:root{--sidebar-width:0rem}}input{box-sizing:border-box;background-color:#f2f5f8;border:none;border-radius:1rem;outline:none;width:100%;padding:1rem;font-size:1.05rem}textarea{border-bottom:1px solid var(--color-bg);box-sizing:border-box;resize:none;background-color:#f2f5f8;border-radius:1rem;outline:none;width:100%;padding:1rem;font-size:1.05rem;border:none!important}.input-wrapper{flex-direction:column;flex:0;gap:.5rem;width:100%;font-size:1rem;display:flex}.input-wrapper label{padding-left:.6rem;font-weight:100}.table-phone{display:flex}.contact-box{opacity:0;background-color:#0000;border-radius:1.2rem;flex-direction:column;align-items:start;gap:1.4rem;min-width:24rem;max-width:25rem;padding:2.5rem 2.4rem 2rem;display:flex;position:relative}.contact-box input:disabled,.contact-box textarea:disabled{opacity:.6}.contact-box-wrapper{position:relative}.cb-layer-2{will-change:transform;z-index:0;background-color:#fff;border-radius:1.2rem;width:100%;height:100%;position:absolute;inset:0}.cb-layer-1{will-change:transform;z-index:0;background-color:#ff705c;border-radius:1.2rem;width:100%;height:100%;position:absolute;inset:0}.about-container{align-items:center;gap:4rem;margin-top:3rem;display:flex}#projects{flex-direction:column;gap:2rem;display:flex;padding:7rem 0 20rem!important}.projects-controls-wrapper{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex;padding-inline:calc(var(--sidebar-width) + clamp(.5rem,7vw,5rem))clamp(.5rem,7vw,5rem)!important}.projects-controls-title{font-size:2.5rem;font-weight:500}.control-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;display:flex;position:relative}.control-btn-bg{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:transform .4s cubic-bezier(.17,.67,.3,1.33);display:flex;position:absolute}.control-btn-bg-default{background-color:var(--color-primary);z-index:3}.control-btn-bg-secondary{z-index:4;background-color:#fff;transform:scale(0)}.projects-container{gap:1.5rem;display:flex;overflow-x:auto;padding-inline:calc(var(--sidebar-width) + clamp(.5rem,7vw,5rem))!important;padding-inline-end:clamp(.5rem,7vw,5rem)!important}@media (max-width:1660px){.about-container{flex-direction:column}.about-img{width:100%}.contact{flex-direction:column;gap:3rem;margin-bottom:4rem}}@media (max-width:1500px){#skills{padding:0 10%!important}}@media (max-width:1300px){#skills{padding:0 8%!important}.skill-img{width:300px;height:200px}}@media (max-width:960px){.control-btn{width:2.5rem;height:2.5rem}.control-btn svg{width:20px;height:20px}.projects-controls-title{font-size:1.5rem}}@media (max-width:1000px){.skill-img{width:300px;height:200px}#skills{padding-left:3rem!important;padding-right:3rem!important}}@media (max-width:925px){#skills{padding-left:2rem!important;padding-right:2rem!important}}@media (max-width:875px){.skill-img{width:250px;height:150px}}@media (max-width:660px){.card-content{flex-direction:column;align-items:flex-start!important}.skill-img{margin:2rem auto 0}}@media (max-width:510px){#skills{padding-left:1.2rem!important;padding-right:1.2rem!important}}@media (max-width:450px){.skill-point{white-space:unset}}.testt:before{content:"";opacity:.6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%5C%0A%3Cfilter id='n'%3E%5C%0A%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%5C%0A%3C/filter%3E%5C%0A%3Crect width='120' height='120' filter='url(%23n)' opacity='0.4'/%3E%5C%0A%3C/svg%3E");position:fixed;inset:0}@media (hover:hover){.home-link:hover{transform:scale(1.07)}.control-btn:hover .control-btn-bg-default{transform:scale(0)}.control-btn:hover .control-btn-bg-secondary{transform:scale(1)}}
@font-face{font-family:hilmar;src:url(../media/Hilmar_Regular-s.p.06d88507.otf)format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:hilmar;src:url(../media/Hilmar_Medium-s.p.7c0eec60.otf)format("opentype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:hilmar;src:url(../media/Hilmar_Bold-s.p.042fbb09.otf)format("opentype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:hilmar Fallback;src:local(Arial);ascent-override:71.22%;descent-override:18.99%;line-gap-override:18.99%;size-adjust:105.31%}.hilmar_d8ab6836-module__f6evEq__className{font-family:hilmar,hilmar Fallback}.hilmar_d8ab6836-module__f6evEq__variable{--font-hilmar:"hilmar","hilmar Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_3b21e491-module__tGqzXa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_3b21e491-module__tGqzXa__variable{--font-inter:"Inter","Inter Fallback"}