@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Tajawal:wght@300;400;500;700&display=swap";body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#08080f;font-family:Inter,Tajawal,sans-serif;overflow-x:hidden}:root{--bg:#08080f;--text-muted:#fff3;--pink:#e8177f;--pink-dark:#c41268;--grad:linear-gradient(135deg, #fff 0%, #ffb3d9 55%, #e8177f 100%);--grid-line:transparent;--blob-opacity:.18;--ctrl-bg:#ffffff0f;--ctrl-border:#e8177f33;--ctrl-color:#ffffff8c}[data-theme=light]{--bg:#f8f8fc;--text-muted:#0d0d1447;--pink:#e8177f;--pink-dark:#a00f56;--grad:linear-gradient(135deg, #1a1a2e 0%, #c41268 50%, #e8177f 100%);--grid-line:transparent;--blob-opacity:.07;--ctrl-bg:#0000000d;--ctrl-border:#e8177f40;--ctrl-color:#0d0d1480}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100vh}body{background:var(--bg);color:#fff;-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;transition:background .4s;overflow-x:hidden}.page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 20px 40px;transition:background .4s;display:flex;position:relative;overflow:hidden}.blob{filter:blur(110px);opacity:var(--blob-opacity);pointer-events:none;z-index:0;border-radius:50%;transition:opacity .4s;position:absolute}.blob-1{background:radial-gradient(circle,#e8177f,#a0105a);width:620px;height:620px;animation:13s ease-in-out infinite floatA;top:-220px;left:-160px}.blob-2{background:radial-gradient(circle,#ff4dab,#e8177f);width:520px;height:520px;animation:13s ease-in-out -6.5s infinite floatA;bottom:-160px;right:-120px}.blob-3{background:radial-gradient(circle,#c41268,#7a0b42);width:320px;height:320px;animation:11s ease-in-out -3s infinite floatB;top:38%;left:50%}@keyframes floatA{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-38px)scale(1.06)}}@keyframes floatB{0%,to{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-28px)scale(1.05)}}.grid-overlay{z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px), linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;position:absolute;inset:0}.controls{z-index:100;gap:10px;display:flex;position:fixed;top:20px;right:20px}.ctrl-btn{border:1px solid var(--ctrl-border);background:var(--ctrl-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:44px;height:44px;color:var(--ctrl-color);letter-spacing:.5px;border-radius:12px;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:border-color .2s,color .2s,transform .15s;display:flex}.ctrl-btn:hover{border-color:var(--pink);color:var(--pink);transform:scale(1.08)}.ctrl-btn svg{display:block}.content{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:700px;display:flex;position:relative}.logo-wrapper{margin-bottom:60px;animation:.9s both fadeDown,4s ease-in-out .9s infinite logoFloat}.logo-wrapper img{width:480px;max-width:90vw;display:block}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.headline{background:var(--grad);-webkit-text-fill-color:transparent;text-align:center;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;padding-bottom:.15em;font-weight:800;line-height:1.15;animation:.9s .2s both fadeDown}.headline-en{font-family:Inter,sans-serif;font-size:clamp(36px,6vw,68px)}.headline-ar{letter-spacing:0;font-family:Tajawal,sans-serif;font-size:clamp(48px,8vw,88px)}.footer{z-index:10;color:var(--text-muted);text-align:center;width:100%;font-size:13px;transition:color .4s;animation:.9s .4s both fadeDown;position:fixed;bottom:20px;left:0;right:0}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media (width<=540px){.logo-wrapper img{width:220px}}