@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Manrope:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Cairo:wght@300;400;500;600;700&display=swap";.glass-btn{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);will-change:transform;border-radius:12px;padding:16px;transition:transform .4s ease-out,box-shadow .4s ease-out;position:relative;overflow:hidden}.glass-btn:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;transition:left .6s ease-out;position:absolute;top:0;left:-125%;transform:skew(-25deg)}.glass-btn:hover:before{left:150%}.glass-btn:hover{transform:translateY(-3px)}.glass-btn:active{transform:translateY(0)scale(.98)}.glass-btn-accent{background:#35bec414;border:1px solid #35bec44d;box-shadow:0 4px 16px #35bec41a}.glass-btn-accent:hover{box-shadow:0 8px 24px #35bec440,0 0 0 1px #35bec466}.glass-btn-neutral{background:#12222999;border:1px solid #daf0f426;box-shadow:0 4px 16px #0003}.glass-btn-neutral:hover{box-shadow:0 8px 24px #00000059,0 0 0 1px #daf0f440}.glass-btn-text{z-index:2;letter-spacing:.02em;font-size:14px;font-weight:600;position:relative}.glass-card{-webkit-backdrop-filter:blur(10px);cursor:pointer;border:1px solid #daf0f426;border-bottom:3px solid #35bec499;border-radius:20px;height:260px;transition:transform .4s ease-out,box-shadow .4s ease-out;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.glass-card:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:60%;height:100%;transition:left .6s ease-out;position:absolute;top:0;left:-125%;transform:skew(-25deg)}.glass-card:hover:before{left:150%}.glass-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000080,0 0 0 1px #35bec44d}.glass-card:active{transform:translateY(0)scale(.98)}:root{--bg:#0b1418;--bg-2:#0e1a20;--surface:#122229;--surface-2:#172b33;--line:#daf0f41a;--line-strong:#daf0f438;--text:#eaf4f6;--text-dim:#a8c0c6;--text-mute:#6f8a92;--accent:#35bec4;--accent-deep:#2a6fa0;--accent-soft:#35bec424;--danger:#e07a5c;--display:"Playfair Display", "Times New Roman", serif;--sans:"Manrope", "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter:20px;--radius-sm:4px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px}:lang(ar),[lang=ar],[lang=ar] *{--display:"Cairo", "Segoe UI", Arial, sans-serif;--sans:"Cairo", "Segoe UI", Arial, sans-serif;font-feature-settings:"kern" 1;letter-spacing:0!important}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.55;overflow-x:hidden}body:after{content:"";pointer-events:none;opacity:.06;z-index:200;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.font-display{font-family:var(--display);letter-spacing:-.02em;font-weight:400;line-height:.92}.font-sans{font-family:var(--sans)}.font-mono{font-family:var(--mono)}.text-h1{letter-spacing:-.03em;font-size:clamp(36px,10vw,64px);line-height:.92}.text-h2{letter-spacing:-.02em;font-size:clamp(28px,7vw,48px);line-height:.94}.text-h3{letter-spacing:-.01em;font-size:clamp(22px,5vw,32px);line-height:1}.text-h4{font-size:clamp(18px,4vw,24px);line-height:1.1}.text-body{color:var(--text-dim);font-size:15px;line-height:1.6}.text-small{color:var(--text-dim);font-size:13px;line-height:1.5}.text-caption{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);font-size:10px}.ital{font-style:italic;font-family:var(--display);color:var(--accent);font-weight:400}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:10px;font-size:10px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:18px;height:1px}.c-text{color:var(--text)}.c-text-dim{color:var(--text-dim)}.c-text-mute{color:var(--text-mute)}.c-accent{color:var(--accent)}.c-accent-deep{color:var(--accent-deep)}.c-bg{background:var(--bg)}.c-bg-2{background:var(--bg-2)}.c-surface{background:var(--surface)}.c-surface-2{background:var(--surface-2)}.page{min-height:100vh;padding:80px var(--gutter) 100px}.page-header{margin-bottom:32px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);transition:border-color .3s,transform .3s;overflow:hidden}.card:active{transform:scale(.98)}.card-media{aspect-ratio:16/10;background:repeating-linear-gradient(45deg, var(--surface) 0 14px, var(--surface-2) 14px 28px);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%}.card-body{padding:18px}.chip{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line-strong);border-radius:var(--radius-pill);color:var(--text-dim);background:0 0;align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:inline-flex}.chip .dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.chip-accent{background:var(--accent-soft);color:var(--accent);border-color:#35bec440}.btn{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--text);background:var(--text);color:var(--bg);justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:11px;transition:all .22s;display:inline-flex}.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn-ghost{color:var(--text);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.field label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);font-size:10px}.field input,.field textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);font-family:var(--sans);outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:120px}.mobile-nav{z-index:100;-webkit-backdrop-filter:blur(16px)saturate(1.4);background:color-mix(in oklab, var(--bg) 75%, transparent);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.mobile-nav-inner{justify-content:space-around;align-items:center;max-width:520px;margin:0 auto;display:flex}.nav-item{color:var(--text-mute);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;padding:6px 12px;font-size:9px;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-item svg{width:20px;height:20px}.hero-headline{font-family:var(--display);letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(40px,12vw,72px);line-height:.88}.hero-headline .amp{color:var(--accent);font-style:italic}.stats-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;display:grid}.stat-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:24px 16px;display:flex}.stat-cell:nth-child(2n){border-right:0}.stat-cell:nth-last-child(-n+2){border-bottom:0}.stat-num{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(36px,10vw,56px);line-height:1}.stat-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-mute);font-size:10px}.gallery-stage{aspect-ratio:4/5;border:1px solid var(--line);background:#000;position:relative;overflow:hidden}.gallery-caption{border:1px solid var(--line);border-top:0;border-bottom:3px solid var(--accent);background:#000;padding:18px}.rule{background:var(--line);border:0;height:1px;margin:0}.pixel-strip{align-items:center;gap:5px;height:18px;display:flex}.pixel-strip i{background:var(--accent);display:inline-block}.pixel-strip i:first-child{background:var(--accent-deep);width:12px;height:12px}.pixel-strip i:nth-child(2){background:var(--accent);width:6px;height:6px}.pixel-strip i:nth-child(3){background:var(--accent-deep);width:4px;height:4px}.pixel-strip i:nth-child(4){background:var(--accent);width:12px;height:12px}.pixel-strip i:nth-child(5){background:var(--accent-deep);width:5px;height:5px}.dot-progress{justify-content:center;gap:6px;display:flex}.dot-progress span{background:var(--line-strong);border-radius:50%;width:6px;height:6px;transition:background .2s,transform .2s}.dot-progress span.active{background:var(--accent);transform:scale(1.3)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:4px}
