@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b14;--panel:rgba(17,23,39,.76);--text:#f4f6ff;--muted:#929bb0;--blue:#6d8cff;--cyan:#69d9ed;--line:rgba(180,198,255,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',Inter,sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}#starfield{position:fixed;inset:0;width:100%;height:100%;z-index:-3;pointer-events:none}.ambient{position:fixed;width:460px;height:460px;border-radius:50%;filter:blur(110px);opacity:.12;z-index:-2;pointer-events:none}.ambient-one{background:#3156db;top:-220px;right:-130px}.ambient-two{background:#087d9c;bottom:-260px;left:-130px}
.gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:22px;background:rgba(5,8,16,.72);backdrop-filter:blur(18px)}.gate-card{width:min(100%,450px);padding:42px 34px;text-align:center;border:1px solid var(--line);border-radius:25px;background:linear-gradient(145deg,rgba(23,31,53,.96),rgba(10,15,28,.96));box-shadow:0 25px 100px #0008}.brand-logo{width:76px;height:76px;object-fit:cover;border-radius:23px;box-shadow:0 0 45px #6587ff35}.eyebrow{font:700 10px Inter,sans-serif;letter-spacing:2.4px;color:#8da6ff;margin:0 0 13px}.gate-card .eyebrow{margin-top:23px}.gate h1{font-size:30px;margin:0 0 9px}.gate h1 span,.hero h1 span{color:#8da6ff}.muted{color:var(--muted);line-height:1.8}.turnstile-wrap{display:flex;justify-content:center;margin:27px 0 15px;min-height:65px}.gate-status{font-size:13px;color:#a9b8db;min-height:22px}.gate-foot{font-size:11px;color:#66718a;margin:18px 0 0}.site.locked{visibility:hidden}.site{max-width:1240px;margin:auto;padding:0 42px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand img{width:43px;height:43px;border-radius:13px}.brand span{display:grid;gap:2px;font:800 17px Inter,sans-serif;letter-spacing:1px}.brand small{font-size:8px;color:#8793ad;letter-spacing:2.1px}.top-links{display:flex;align-items:center;gap:33px;font-size:13px;color:#b4bdd0}.top-links a:hover{color:white}.discord-link{padding:10px 16px;border:1px solid var(--line);border-radius:10px}.discord-link span{color:var(--cyan);margin-right:6px}
.hero{min-height:540px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.hero-copy{padding:65px 0;max-width:600px}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.live-dot{width:7px;height:7px;background:#6be2b2;border-radius:50%;box-shadow:0 0 12px #6be2b2}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1.19;letter-spacing:-2px;margin:0 0 18px;font-weight:700}.hero-description{font-size:16px;color:#a5aec3;margin:0 0 32px}.primary-button,.outline-button{display:inline-flex;align-items:center;gap:24px;padding:14px 21px;border-radius:11px;background:#718cff;color:#081020;font-weight:700;font-size:13px;box-shadow:0 10px 35px #718cff35;transition:.2s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 15px 45px #718cff55}.hero-mark{width:390px;height:390px;flex:0 0 390px;display:grid;place-items:center;position:relative}.hero-mark>img{width:150px;height:150px;border-radius:43px;box-shadow:0 0 90px #6d8cff55;z-index:2}.orbit{position:absolute;border:1px solid #8ba4ff28;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:300px;height:300px}.orbit-b{width:390px;height:230px;transform:rotate(35deg)}.orbit-label{position:absolute;bottom:17px;right:45px;color:#73809c;font:10px Inter;letter-spacing:3px}
.catalog-section{padding:55px 0 105px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.section-heading h2,.about-section h2{font-size:35px;margin:0 0 5px}.section-heading .muted{margin:0;font-size:13px}.search-box{width:min(100%,270px);height:45px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#101727a8;color:#8391ac}.search-box span{font-size:24px}.search-box input{background:transparent;border:0;outline:0;color:white;width:100%;font-size:12px}.platform-tabs{display:flex;gap:9px;margin:38px 0 25px}.platform-tab{display:flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid var(--line);border-radius:10px;background:#1017279c;color:#a7b1c7;cursor:pointer;font:600 12px Inter,sans-serif;transition:.2s}.platform-tab.active,.platform-tab:hover{background:#718cff18;border-color:#718cff88;color:#dce4ff}.platform-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#819bff20;color:#a8b8ff;font-size:12px}.catalog-meta{display:flex;align-items:center;gap:14px;color:#78849e;font:10px Inter;letter-spacing:1.5px;margin-bottom:18px}.catalog-line{height:1px;background:var(--line);flex:1}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.app-card{padding:19px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(22,30,49,.85),rgba(12,17,30,.82));transition:.22s;min-width:0}.app-card:hover{transform:translateY(-4px);border-color:#809aff66;box-shadow:0 18px 45px #0003}.app-top{display:flex;align-items:center;gap:13px}.app-image{width:54px;height:54px;object-fit:cover;border-radius:14px;background:#1b2740;border:1px solid var(--line)}.app-title{font-weight:700;font-size:15px;margin:0 0 4px}.app-version{font:10px Inter;color:#8796b5}.app-description{font-size:12px;color:#9da8bd;line-height:1.8;min-height:44px;margin:17px 0}.app-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:13px;border-top:1px solid var(--line)}.platform-label{font:10px Inter;color:#8796b5}.download-button{background:#dce5ff;color:#101a35;border:0;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:700;cursor:pointer}.download-button:hover{background:#fff}.empty-state{text-align:center;padding:70px 15px;border:1px dashed var(--line);border-radius:16px;color:#8f9bb2}.empty-state>span{font-size:35px;color:#829bff}.empty-state h3{color:#e1e7f5;margin:10px 0}.empty-state p{font-size:12px}
.about-section{display:flex;align-items:center;gap:35px;padding:48px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(110deg,#172343aa,#0d1724aa);margin-bottom:75px}.about-symbol{font:800 80px Inter;color:#829bff;opacity:.75}.about-symbol span{color:#68d7e9}.about-section h2{line-height:1.35}.about-section .muted{font-size:13px;margin-bottom:0}.outline-button{margin-right:auto;background:transparent;color:#d9e2ff;border:1px solid #829bff66;box-shadow:none;white-space:nowrap}.outline-button:hover{background:#829bff18}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0 30px;border-top:1px solid var(--line);color:#75819a;font-size:10px}.footer-brand{font:600 12px Inter;color:#d0d8e9}.footer-brand img{width:25px;height:25px;border-radius:8px}.footer p{margin:0}.footer>span{font:9px Inter;letter-spacing:1.5px}
.warning-dialog{width:min(calc(100% - 30px),470px);padding:30px;border:1px solid #829bff4a;border-radius:20px;background:#111a2b;color:#f4f6ff;box-shadow:0 30px 100px #000a}.warning-dialog::backdrop{background:#030611c9;backdrop-filter:blur(8px)}.warning-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffbd5920;color:#ffc46b;font:700 22px Inter;margin-bottom:22px}.warning-dialog h2{margin:0 0 12px;font-size:25px}.warning-dialog>p:not(.eyebrow){color:#aeb8ca;font-size:13px;line-height:2}.dialog-actions{display:flex;gap:10px;margin-top:25px}.dialog-actions button,.dialog-actions a{flex:1;text-align:center;padding:12px 8px;border-radius:9px;border:0;font-size:12px;font-weight:700;cursor:pointer}.cancel-button{background:#263149;color:#d5def0}.confirm-button{background:#829bff;color:#091226}
@media(max-width:850px){.site{padding:0 24px}.hero{min-height:460px}.hero-mark{width:290px;height:290px;flex-basis:290px}.orbit-a{width:230px;height:230px}.orbit-b{width:290px;height:180px}.hero-mark>img{width:115px;height:115px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{padding:32px;gap:22px}}
@media(max-width:600px){.site{padding:0 18px}.topbar{height:75px}.top-links{gap:14px;font-size:11px}.top-links>a:first-child,.top-links>a:nth-child(2){display:none}.hero{min-height:auto;padding:55px 0 60px}.hero-copy{padding:0}.hero h1{font-size:53px}.hero-description{font-size:13px}.hero-mark{display:none}.section-heading{align-items:stretch;flex-direction:column}.section-heading h2{font-size:29px}.search-box{width:100%}.platform-tabs{gap:7px;margin-top:26px}.platform-tab{flex:1;justify-content:center;padding:10px 5px;font-size:11px}.app-grid{grid-template-columns:1fr}.app-card{padding:16px}.about-section{display:grid;grid-template-columns:auto 1fr;padding:23px;gap:12px}.about-symbol{font-size:55px}.about-section h2{font-size:25px}.about-section .outline-button{grid-column:1/-1;margin:10px 0 0;justify-content:center}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}.gate-card{padding:32px 20px}.gate h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}