@import "https://fonts.googleapis.com/css2?family=Bangers&family=Limelight&family=Lemonada:wght@700&family=Reem+Kufi:wght@400;500;600;700&family=Amiri:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Amiri&family=Tajawal:wght@300&display=swap";@import "https://fonts.googleapis.com/css2?family=Lemonada:wght@500&display=swap";@import "https://fonts.googleapis.com/css?family=Roboto:400,400i,700";.ramadan-theme{--ramadan-gold:gold}.ramadan-theme .hero-title{color:var(--ramadan-gold);text-shadow:0 0 15px #ffd7004d;letter-spacing:0;font-size:5rem;font-weight:700;font-family:Amiri,serif!important}.ramadan-theme .hero-title:before,.ramadan-theme .hero-title:after{content:" ◈ ";vertical-align:middle;opacity:.8;color:var(--ramadan-gold);font-size:2rem}.ramadan-theme h1,.ramadan-theme h2,.ramadan-theme h3,.ramadan-theme h4{font-family:Amiri,serif!important}:root{--bg-color:#050510;--terminal-bg:#0a0a12;--neon-pink:#ff2a6d;--neon-blue:#05d9e8;--neon-green:#00ff9f;--text-main:#fff;--text-dim:#fff9;--grid-line:#05d9e81a;--scanline-color:#00000080;--roman-overlay-bg:#000}.light-mode{--bg-color:#e6e6e6;--terminal-bg:#fff;--neon-pink:#f05;--neon-blue:#00aeef;--neon-green:#000;--text-main:#000;--text-dim:#000000bf;--grid-line:#00000026;--scanline-color:#00000005;--roman-overlay-bg:#fff}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;font-family:Space Grotesk,Arial,Helvetica,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}body.light-mode .project-overlay:not([data-id="9"]):not([data-id="0"]) h1{color:#1a1a1a!important}body.light-mode .project-overlay .bg-pattern{opacity:.15!important}body.light-mode .editorial-mask{background:linear-gradient(to right,var(--bg-color)30%,#fff0 100%)!important}body.light-mode .social-link:hover,body.light-mode .social-link.is-active{color:#fff;background:#111;border-color:#111;box-shadow:0 5px 15px #00000026}h1,h2,h3,h4{text-transform:none;letter-spacing:-.02em;margin:0;font-family:Syne,sans-serif;font-weight:700}h1{font-size:4rem;font-weight:800}h2{font-size:2.5rem}a{color:inherit;text-decoration:none;transition:text-shadow .3s}a:hover{text-shadow:0 0 8px var(--neon-blue)}button{cursor:pointer;font-family:IBM Plex Mono,monospace}.glitch-text{color:var(--text-main);position:relative}.glow-pink{text-shadow:0 0 5px var(--neon-pink),0 0 10px var(--neon-pink)}.glow-blue{text-shadow:0 0 5px var(--neon-blue),0 0 10px var(--neon-blue)}.grid-bg{background-image:linear-gradient(var(--grid-line)1px,transparent 1px),linear-gradient(90deg,var(--grid-line)1px,transparent 1px);background-size:40px 40px;width:100%;height:100%}.social-link{color:var(--text-dim);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:12px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex}.social-link:hover,.social-link.is-active{background:var(--grid-line);color:var(--neon-blue);border-color:var(--neon-blue);box-shadow:0 0 15px var(--grid-line);transform:translateY(-5px)scale(1.1)}.section-title{border-bottom:1px solid var(--grid-line);opacity:.8;color:var(--text-main);margin-bottom:2rem;padding-bottom:.5rem;font-family:Syne,sans-serif;font-size:1.2rem;font-weight:400}.project-card:hover,.project-card.is-mobile-active{box-shadow:0 0 20px var(--grid-line);transform:scale(1.02);border-color:var(--neon-blue)!important}.project-card:hover .project-card-logo,.project-card.is-mobile-active .project-card-logo{filter:drop-shadow(0 4px 8px #0003);transform:scale(1.1)translateY(-5px);opacity:1!important;mix-blend-mode:normal!important}.project-card,.project-overlay{backface-visibility:hidden;transform:translateZ(0)}.theme-toggle{background:var(--terminal-bg);border:1px solid var(--grid-line);color:var(--text-main);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 0 20px #0003}.theme-toggle:hover{border-color:var(--neon-blue);color:var(--neon-blue);transform:rotate(15deg)scale(1.1)}.footer-status{border-top:1px solid var(--grid-line);text-align:center;color:var(--text-dim);flex-direction:column;align-items:center;gap:1rem;margin-top:6rem;padding-top:2rem;font-size:.9rem;display:flex}.hero-title{text-shadow:none;color:var(--text-main);min-height:4rem;margin-bottom:1rem;font-size:3.5rem;line-height:1.1}.main-container{z-index:10;max-width:1000px;margin:0 auto;padding:4rem 2rem;position:relative}.project-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.project-grid{grid-template-columns:1fr}.hero-title{min-height:auto;font-size:2.5rem}.main-container{padding:2rem 1.5rem}.theme-toggle{bottom:1.5rem;right:1.5rem}h1{font-size:2.5rem}}@keyframes jumbo{0%{background-position:50%,50%}to{background-position:350%,350%}}.jumbo{--stripes:repeating-linear-gradient(100deg,#fff 0%,#fff 7%,transparent 10%,transparent 12%,#fff 16%);--stripesDark:repeating-linear-gradient(100deg,#000 0%,#000 7%,transparent 10%,transparent 12%,#000 16%);--rainbow:repeating-linear-gradient(100deg,#60a5fa 10%,#e879f9 15%,#60a5fa 20%,#5eead4 25%,#60a5fa 30%);--rainbowLight:repeating-linear-gradient(100deg,#9f5a05 10%,#178606 15%,#9f5a05 20%,#a1152b 25%,#9f5a05 30%);background-image:var(--stripes),var(--rainbowLight);filter:blur(10px)opacity(30%)saturate(200%);pointer-events:none;z-index:0;opacity:1;background-position:50%,50%;background-size:300%,200%;animation:60s linear infinite jumbo;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%);mask-image:radial-gradient(at 100% 0,#000 40%,#0000 70%)}.jumbo:after{content:"";background-image:var(--stripes),var(--rainbowLight);mix-blend-mode:difference;background-size:200%,100%;background-attachment:fixed;animation:60s linear infinite jumbo;position:absolute;inset:0}:root{--color-barca-garnet:#a50044;--color-barca-blue:#004d98;--color-barca-gold:#edbb00;--color-barca-yellow:#ffed02;--color-barca-red-bright:#db0030;--font-bangers:"Bangers",cursive;--font-limelight:"Limelight",cursive;--font-lemonada:"Lemonada",cursive;--font-comic:"Comic Sans MS","Chalkboard SE","Comic Neue",sans-serif}.font-bangers{font-family:var(--font-bangers)}.font-header-alt{font-family:var(--font-limelight)}.comic-halftone{background-color:#0000;background-image:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" transform=\"rotate(0)\" opacity=\"0.2\" version=\"1.1\" viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23250E17\"><circle cx=\"25\" cy=\"25\" r=\"12.5\"/><circle cx=\"75\" cy=\"75\" r=\"12.5\"/><circle cx=\"75\" cy=\"25\" r=\"12.5\"/><circle cx=\"25\" cy=\"75\" r=\"12.5\"/></g></svg>");background-size:20px 20px}.comic-border{border:4px solid #000;box-shadow:8px 8px #000}.comic-text-shadow{text-shadow:2px 2px #000}.comic-title-shadow{text-shadow:4px 4px #000}.text-stroke-comic{-webkit-text-stroke:3px black;paint-order:stroke fill;text-shadow:4px 4px #000}.ramadan-theme{--ramadan-gold:gold;--ramadan-gold-dim:#ffd70099;--grid-line:#ae873826;--neon-blue:gold;--text-selection:gold}.ramadan-theme .hero-title{text-shadow:0 0 15px #ffd7004d;letter-spacing:0;margin-bottom:.5rem;font-size:5rem;font-weight:700;color:var(--ramadan-gold)!important;font-family:Amiri,serif!important}.ramadan-theme .hero-title:before{content:"◈ ";vertical-align:middle;opacity:.8;color:var(--ramadan-gold);margin-right:1rem;font-size:2.5rem}.ramadan-theme .hero-title:after{content:" ◈";vertical-align:middle;opacity:.8;color:var(--ramadan-gold);margin-left:1rem;font-size:2.5rem}.ramadan-theme h1,.ramadan-theme h2,.ramadan-theme h3,.ramadan-theme h4{letter-spacing:normal;font-family:Amiri,serif!important}.ramadan-theme body{font-size:1.1rem;font-family:Amiri,Space Grotesk,Arial,sans-serif!important}.ramadan-theme ::selection{background:var(--ramadan-gold);color:#000}.ramadan-theme ::-webkit-scrollbar-thumb{background:var(--ramadan-gold)}body.light-mode .ramadan-theme{--text-main:#3e2723;--text-dim:#5d4037;--ramadan-gold:#b8860b;--grid-line:#b8860b33;--neon-blue:#b8860b}body.light-mode .ramadan-theme .hero-title,body.light-mode .ramadan-theme .hero-title:before,body.light-mode .ramadan-theme .hero-title:after{text-shadow:none;color:#3e2723!important}.background-container{z-index:-3;background-color:var(--bg-color);width:100vw;height:100vh;transition:background-color .3s;position:fixed;top:0;left:0;overflow:hidden}.parallax-layer{pointer-events:none;background-repeat:repeat;background-size:cover;width:120vw;height:120vh;position:absolute;top:-10vh;left:-10vw}.layer-grid{opacity:.6;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='800' height='560' preserveAspectRatio='none' viewBox='0 0 800 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1059%26quot%3b)' fill='none'%3e%3cuse xlink:href='%23SvgjsSymbol1066' x='0' y='0'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsSymbol1066' x='720' y='0'%3e%3c/use%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1059'%3e%3crect width='800' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpath d='M-1 0 a1 1 0 1 0 2 0 a1 1 0 1 0 -2 0z' id='SvgjsPath1065'%3e%3c/path%3e%3cpath d='M-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0z' id='SvgjsPath1063'%3e%3c/path%3e%3cpath d='M-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0z' id='SvgjsPath1062'%3e%3c/path%3e%3cpath d='M2 -2 L-2 2z' id='SvgjsPath1060'%3e%3c/path%3e%3cpath d='M6 -6 L-6 6z' id='SvgjsPath1061'%3e%3c/path%3e%3cpath d='M30 -30 L-30 30z' id='SvgjsPath1064'%3e%3c/path%3e%3c/defs%3e%3csymbol id='SvgjsSymbol1066'%3e%3cuse xlink:href='%23SvgjsPath1060' x='30' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='30' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='30' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='30' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='30' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='30' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1064' x='30' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='30' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='30' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='30' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='90' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='90' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='90' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='90' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='90' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='90' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='90' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='90' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='90' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='90' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='150' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='150' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='150' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='150' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='150' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='150' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='150' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='150' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='150' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='150' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='210' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='210' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='210' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='210' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='210' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='210' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='210' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='210' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='210' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='210' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='270' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='270' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='270' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='270' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='270' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='270' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='270' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='270' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='270' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='270' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='330' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='330' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='330' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='330' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1064' x='330' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='330' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='330' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='330' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='330' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='330' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='390' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='390' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='390' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='390' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='390' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='390' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='390' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='390' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='390' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='390' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='450' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='450' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='450' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='450' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='450' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='450' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='450' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='450' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='450' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='450' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='510' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='510' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='510' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1064' x='510' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)' stroke-width='3'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='510' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='510' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='510' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='510' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='510' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='510' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='570' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='570' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='570' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='570' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='570' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='570' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='570' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='570' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='570' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='570' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='630' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='630' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='630' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='630' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='630' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='630' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='630' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='630' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='630' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='630' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='690' y='30' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='690' y='90' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1062' x='690' y='150' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1065' x='690' y='210' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1061' x='690' y='270' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='690' y='330' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1063' x='690' y='390' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='690' y='450' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='690' y='510' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3cuse xlink:href='%23SvgjsPath1060' x='690' y='570' stroke='rgba(178%2c 78%2c 255%2c 0.3)'%3e%3c/use%3e%3c/symbol%3e%3c/svg%3e");background-size:cover;transition:filter .3s;animation:120s linear infinite colorShift}.light-mode .layer-grid{opacity:1;mix-blend-mode:multiply;animation:120s linear infinite colorShiftLight}@keyframes colorShift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes colorShiftLight{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.layer-shapes{opacity:.4}.light-mode .layer-shapes{opacity:.6;mix-blend-mode:multiply}.layer-accents{z-index:-1}.accent-mark{color:var(--grid-line);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:IBM Plex Mono,monospace;font-weight:300;position:absolute}.accent-mark.crosshair{font-size:2rem;animation:10s ease-in-out infinite floatingAccent}.accent-mark.v-line{border-left:1px dashed var(--grid-line);animation:15s ease-in-out infinite reverse floatingAccent}.accent-mark.h-line{border-top:1px dashed var(--grid-line);animation:12s ease-in-out 2s infinite floatingAccent}@keyframes floatingAccent{0%,to{opacity:.3;transform:translate(0)}50%{opacity:.6;transform:translate(10px,-10px)}}:root{--moon-color:#ffffb0;--star-color:#ff9;--tiny-star-color:white;--background-color:black;--stars-brightness:.8}.ramadan-background-container{z-index:0;background-color:#090a0f;background-image:radial-gradient(circle,#090a0f33 0%,#090a0fcc 100%),linear-gradient(30deg,#0000 49%,#ffd70014 49.5% 50.5%,#0000 51%),linear-gradient(150deg,#0000 49%,#ffd70014 49.5% 50.5%,#0000 51%),linear-gradient(90deg,#0000 49%,#ffffff0d 49.5% 50.5%,#0000 51%),radial-gradient(at bottom,#0e1319 0%,#090a0f 100%);background-position:50%;background-size:100% 100%,60px 104px,60px 104px,60px 104px,100% 100%;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.page{width:100%;height:100%;margin:auto;transform:scale(.7)}#moon{width:100px;height:100px;box-shadow:25px 10px 0px 0px var(--moon-color);opacity:0;background-color:#0000;border-radius:50%;margin:0 auto;transition:fade-in 1s;animation:5s .5s forwards fade-in;position:absolute;right:5vw;transform:rotate(-15deg);top:15vh!important}#main-star{opacity:0;margin:0 auto;animation-delay:5s;position:absolute;top:20px;right:15%;transform:scale(.2)}.constellation{opacity:.6;width:250px;height:250px;position:absolute;top:10%;left:auto;right:10%;transform:scale(.6)}.constellations{margin-top:-40px;margin-left:50px}#angled{margin-top:-300px;transform:rotate(45deg)}.baby-star{margin:0 auto;position:relative;top:0;left:-120px;transform:scale(.1)}.baby-star:first-child{top:-35px;left:0}.baby-star:nth-child(2){top:-30px;left:-120px}.baby-star:nth-child(3){top:-150px;left:130px}.baby-star:nth-child(4){top:-145px;left:0}.star-five{border-right:100px solid #0000;border-bottom:70px solid var(--star-color);border-left:100px solid #0000;width:0;height:0;margin:50px 0;display:block;position:relative;transform:rotate(35deg)}.star-five:before{border-bottom:80px solid var(--star-color);content:"";border-left:30px solid #0000;border-right:30px solid #0000;width:0;height:0;display:block;position:absolute;top:-45px;left:-65px;transform:rotate(-35deg)}.star-five:after{border-right:100px solid #0000;border-bottom:70px solid var(--star-color);content:"";border-left:100px solid #0000;width:0;height:0;display:block;position:absolute;top:3px;left:-105px;transform:rotate(-70deg)}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:20s linear infinite rotating}.rotating-slow{animation:40s linear infinite rotating}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:5s forwards fadeIn}#stars,#stars2,#stars3{background:0 0;width:1px;height:1px}#stars{animation:50s linear infinite animStar;box-shadow:1703px 1208px #fff,381px 207px #fff,1516px 1990px #fff,1960px 982px #fff,922px 1278px #fff,689px 1766px #fff,538px 554px #fff,802px 1529px #fff,871px 1805px #fff,228px 1830px #fff,353px 186px #fff,1873px 1154px #fff,494px 1244px #fff,1415px 261px #fff,1020px 1990px #fff,1924px 1169px #fff}#stars:after{content:" ";background:0 0;width:1px;height:1px;position:absolute;top:2000px;box-shadow:1703px 1208px #fff,381px 207px #fff,1516px 1990px #fff,1960px 982px #fff,922px 1278px #fff,689px 1766px #fff,538px 554px #fff,802px 1529px #fff,871px 1805px #fff,228px 1830px #fff,353px 186px #fff,1873px 1154px #fff,494px 1244px #fff,1415px 261px #fff,1020px 1990px #fff,1924px 1169px #fff}#stars2{width:2px;height:2px;animation:100s linear infinite animStar;box-shadow:743px 879px #fff,1145px 1260px #fff,1412px 672px #fff,507px 1211px #fff,52px 89px #fff,1045px 256px #fff,1022px 859px #fff,1520px 413px #fff,1575px 604px #fff,992px 877px #fff}#stars2:after{content:" ";background:0 0;width:2px;height:2px;position:absolute;top:2000px;box-shadow:743px 879px #fff,1145px 1260px #fff,1412px 672px #fff,507px 1211px #fff,52px 89px #fff,1045px 256px #fff,1022px 859px #fff,1520px 413px #fff,1575px 604px #fff,992px 877px #fff}#stars3{width:3px;height:3px;animation:150s linear infinite animStar;box-shadow:1703px 1208px #fff,381px 207px #fff,1516px 1990px #fff,1960px 982px #fff,922px 1278px #fff,689px 1766px #fff,538px 554px #fff,802px 1529px #fff}#stars3:after{content:" ";background:0 0;width:3px;height:3px;position:absolute;top:2000px;box-shadow:1703px 1208px #fff,381px 207px #fff,1516px 1990px #fff,1960px 982px #fff,922px 1278px #fff,689px 1766px #fff,538px 554px #fff,802px 1529px #fff}@keyframes animStar{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}body.light-mode #stars,body.light-mode #stars:after,body.light-mode #stars2,body.light-mode #stars2:after,body.light-mode #stars3,body.light-mode #stars3:after,body.light-mode #moon,body.light-mode .page{opacity:0;visibility:hidden;transition:opacity .8s}body.light-mode .ramadan-background-container{background-color:#fffbf0;background-image:radial-gradient(circle,#fffbf0f2 20%,#fffbf099 80%,#fffbf000 100%),linear-gradient(30deg,#0000 49%,#b8860b1f 49.5% 50.5%,#0000 51%),linear-gradient(150deg,#0000 49%,#b8860b1f 49.5% 50.5%,#0000 51%),linear-gradient(90deg,#0000 49%,#3e272314 49.5% 50.5%,#0000 51%);background-position:50%;background-size:100% 100%,60px 104px,60px 104px,60px 104px;transition:background-color .8s}.complex-lantern-container{z-index:55;pointer-events:none;transform-origin:0 100%;width:250px;height:600px;position:absolute;inset:auto auto -50px 2vw;transform:scale(1.1)}@media (max-width:768px){.complex-lantern-container{bottom:-30px;left:-20px;transform:scale(.6)}}.lantern{transform-origin:bottom;width:200px;position:absolute;top:0;left:0}.lantern .wire,.lantern .ring{display:none}.lantern .top-triangle{border-bottom:60px solid #ae8738;border-left:60px solid #0000;border-right:60px solid #0000;width:0;height:0;position:absolute;top:280px;left:40px}.lantern .top-triangle:after{content:"";background:linear-gradient(#ae8738,#a76f00);border-radius:50% 50% 30% 30%;width:140px;height:90px;position:absolute;top:38px;left:-70px}.lantern .front-triangle{border-bottom:54px solid #b1a999;border-left:30px solid #0000;border-right:30px solid #0000;width:0;height:0;position:absolute;top:280px;left:70px}.lantern .front-triangle:after{content:"";background:linear-gradient(#b1a999,#ae8738);border-radius:50% 50% 30% 30%;width:80px;height:90px;position:absolute;top:38px;left:-40px}.lantern .ball{z-index:2;background:radial-gradient(circle at 0 0,#b1a999,#6d4900);border-radius:50%;width:12px;height:12px;position:absolute;top:273px;left:94px}.lantern .rect-1{background:linear-gradient(90deg,#6d4900 0%,#a76f00 35%,#6d4900 35%,#ae8738 40% 50%,#b1a999 60%,#ae8738 65%,#6d4900 65%,#ae8738 100%);width:140px;height:12px;position:absolute;top:396px;left:30px}.lantern .rect-2{background:linear-gradient(90deg,#6d4900 0%,#a76f00 50%,#6d4900 100%);width:120px;height:4px;position:absolute;top:408px;left:40px}.lantern .rect-3{background:linear-gradient(90deg,#6d4900 0%,#a76f00 20%,#6d4900 20%,#ae8738 30% 50%,#b1a999 70%,#ae8738 80%,#6d4900 80%,#ae8738 100%);width:160px;height:12px;position:absolute;top:412px;left:20px}.lantern .window{background:#0003;width:90px;height:120px;position:absolute;top:424px;left:55px;overflow:hidden}.lantern .window .right{width:4%;height:inherit;background:linear-gradient(#ae8738,#6d4900);position:absolute;top:0;right:0}.lantern .window .left{width:4%;height:inherit;background:linear-gradient(#ae8738,#a76f00);position:absolute;top:0;left:0}.lantern .window .circle-1{background:#ae8738;border-radius:50%;width:40%;height:36%;position:absolute;top:-9%;left:-11%}.lantern .window .circle-2{background:linear-gradient(270deg,#a76f00,#ae8738);border-radius:50%;width:40%;height:36%;position:absolute;top:-9%;right:-11%}.lantern .window .circle-3{background:#ae8738;border-radius:50%;width:32%;height:26%;position:absolute;top:-13%;left:17%}.lantern .window .circle-4{background:#ae8738;border-radius:50%;width:32%;height:26%;position:absolute;top:-13%;right:17%}.lantern .window.window-right{width:25px;left:145px}.lantern .window.window-left{width:25px;left:30px}.lantern .candle{background:linear-gradient(90deg,#ae8738,#b1a999);width:40px;height:60px;position:absolute;top:510px;left:80px}.lantern .candle .candle-top{background:radial-gradient(#a76f00,#b1a999 50%);border-radius:50%;width:40px;height:10px;position:absolute;top:-5px;left:0}.lantern .candle .candle-thread{background:#000;width:2px;height:16px;position:absolute;top:-16px;left:19px}.lantern .candle .candle-flame{background:linear-gradient(#b1a999 30%,#6d4900);border-radius:50%;width:10px;height:10px;animation:.1s infinite alternate flame-flicker;position:absolute;top:-21px;left:15px;box-shadow:0 -10px 30px 5px #fff,0 0 50px 5px #fff,0 0 50px #fff}@keyframes flame-flicker{0%{opacity:.9;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.lantern .candle .candle-flame:after{content:"";border-bottom:15px solid #b1a999;border-left:5px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;top:-12px;transform:skew(5deg)}.lantern .rect-4{background:linear-gradient(90deg,#6d4900 0%,#a76f00 20%,#6d4900 20%,#b1a999 80%,#6d4900 80%,#ae8738 100%);width:150px;height:12px;position:absolute;top:544px;left:25px}.lantern .rect-5{background:linear-gradient(90deg,#6d4900 0%,#a76f00 50%,#6d4900 100%);width:120px;height:4px;position:absolute;top:556px;left:40px}.lantern .rect-6{background:linear-gradient(90deg,#6d4900 0%,#a76f00 20%,#6d4900 20%,#ae8738 30% 50%,#b1a999 70%,#ae8738 80%,#6d4900 80%,#ae8738 100%);width:140px;height:12px;position:absolute;top:560px;left:30px}.ramadan-frieze{z-index:40;filter:drop-shadow(0 2px 2px #0000004d);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='40' viewBox='0 0 80 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='islamic-arch' x='0' y='0' width='80' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M0,0 L80,0 L80,5 L0,5 Z' fill='%23DAA520' opacity='0.8'/%3E%3Cpath d='M0,5 L10,5 Q20,5 20,15 L20,25 Q20,35 40,35 Q60,35 60,25 L60,15 Q60,5 70,5 L80,5' fill='none' stroke='%23DAA520' stroke-width='2'/%3E%3Cpath d='M40,35 L40,40' stroke='%23DAA520' stroke-width='2'/%3E%3Ccircle cx='40' cy='32' r='3' fill='%23DAA520'/%3E%3Cpath d='M10,5 L10,15 L5,20 M70,5 L70,15 L75,20' stroke='%23DAA520' stroke-width='1.5' fill='none'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100%25' height='100%25' fill='url(%23islamic-arch)'/%3E%3C/svg%3E");background-repeat:repeat-x;height:40px;position:fixed;top:0;left:0;right:0}.ramadan-mosque-skyline{z-index:0;opacity:.1;pointer-events:none;width:100%;height:150px;position:fixed;bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 80%);mask-image:linear-gradient(#0000 0%,#000 80%)}.mosque-right{align-items:flex-end;display:flex;position:absolute;bottom:0;right:5%}.mosque-left{align-items:flex-end;display:flex;position:absolute;bottom:0;left:5%}@media (max-width:768px){.ramadan-frieze{background-size:60px 30px;height:30px}.ramadan-mosque-skyline{opacity:.08;transform-origin:bottom;height:100px;transform:scale(.8)}}