:root{--sea:#0b3a42;--sea-deep:#06272d;--foam:#e9f3ef;--brass:#b8892d;--brass-bright:#d9a83a;--ink:#10262b;--panel:#fffcf6c7;--line:#10262b24;--text:#10262b;--text-muted:#4a6570;--sand:#1a3d44;--gold:var(--brass);--gold-soft:var(--brass-bright);--mist:#5d7d86;--success:#2f8f6b;--danger:#c4574a;--radius:14px;--font-body:"Readex Pro", "IBM Plex Sans Arabic", sans-serif;--font-display:"Amiri", serif;color:var(--text);background:var(--foam);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.75}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{background:var(--foam);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,video{max-width:100%;display:block}.atmosphere{isolation:isolate;min-height:100vh;position:relative}.atmosphere-wash{z-index:-3;background:radial-gradient(80% 60% at 10% 0,#b8892d38,#0000 55%),radial-gradient(70% 50% at 100% 15%,#2e828c47,#0000 50%),radial-gradient(60% 45% at 50% 100%,#10464e2e,#0000 55%),linear-gradient(160deg,#f4f7f2 0%,#e7f1ec 40%,#dceae5 100%);animation:18s ease-in-out infinite alternate wash-shift;position:fixed;inset:0}.atmosphere-mesh{z-index:-2;opacity:.35;background-image:linear-gradient(#10262b0d 1px,#0000 1px),linear-gradient(90deg,#10262b0d 1px,#0000 1px);background-size:48px 48px;animation:24s linear infinite mesh-drift;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000 75%)}.atmosphere-glyphs{z-index:-1;pointer-events:none;font-family:var(--font-display);color:#0b3a420f;font-size:clamp(6rem,18vw,14rem);position:fixed;inset:0;overflow:hidden}.atmosphere-glyphs span{animation:14s ease-in-out infinite glyph-float;position:absolute}.atmosphere-glyphs span:first-child{animation-delay:0s;top:8%;right:6%}.atmosphere-glyphs span:nth-child(2){animation-delay:-4s;top:42%;left:4%}.atmosphere-glyphs span:nth-child(3){animation-delay:-7s;bottom:18%;right:18%}.atmosphere-glyphs span:nth-child(4){font-size:.55em;animation-delay:-10s;top:18%;left:28%}.site-shell{width:min(1120px,100% - 2rem);margin-inline:auto;position:relative}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding:1.35rem 0 .75rem;animation:.7s both rise;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{object-fit:contain;background:#fffcf6d9;border-radius:50%;flex-shrink:0;width:3.5rem;height:3.5rem;box-shadow:0 6px 18px #0b3a421a}.brand-text{flex-direction:column;gap:.1rem;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:.01em;color:var(--sea);font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700;line-height:1.2}.brand-tag{color:var(--mist);font-size:.86rem}.nav-links{flex-wrap:wrap;gap:.35rem;display:flex}.nav-links a{color:var(--sea);border-bottom:2px solid #0000;padding:.45rem .85rem;transition:border-color .25s,color .25s}.nav-links a:hover{border-bottom-color:var(--brass);color:var(--ink)}.primary-btn,.secondary-btn,.ghost-btn{cursor:pointer;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:.45rem;padding:.7rem 1.15rem;transition:transform .3s cubic-bezier(.22,1,.36,1),background .25s,border-color .25s,box-shadow .25s;display:inline-flex}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover{transform:translateY(-3px)}.primary-btn{color:#fffdf7;background:linear-gradient(135deg,#c9972f,#9a6f1c);font-weight:600;box-shadow:0 10px 28px #9a6f1c47}.primary-btn:hover{box-shadow:0 14px 34px #9a6f1c5c}.secondary-btn,.ghost-btn{color:var(--sea);background:#fffcf68c;border-color:#0b3a422e}.btn-arrow{transition:transform .3s;display:inline-block}.primary-btn:hover .btn-arrow{transform:translate(-4px)}.hero-stage{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(1.5rem,4vw,3rem);min-height:min(88vh,760px);padding:2rem 0 3rem;display:grid}.hero-copy{gap:1.1rem;max-width:34rem;display:grid}.hero-kicker{color:var(--brass);letter-spacing:.04em;margin:0;font-size:.95rem;font-weight:600}.hero-stage h1{font-family:var(--font-display);color:var(--sea-deep);max-width:10ch;margin:0;font-size:clamp(2.8rem,8vw,5.2rem);line-height:1.15}.hero-lead{color:var(--text-muted);max-width:32rem;margin:0;font-size:clamp(1.05rem,2vw,1.22rem)}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.35rem;display:flex}.hero-visual{place-items:center;min-height:min(58vh,460px);animation:1s .2s both rise;display:grid;position:relative}.hero-lattice{color:#0b3a42;opacity:.92;filter:drop-shadow(0 22px 48px #0b3a422e);width:min(100%,420px);animation:8s ease-in-out infinite lattice-breathe}.hero-orbit{pointer-events:none;position:absolute;inset:8%}.orbit-piece{width:3.45rem;height:3.45rem;font-family:var(--font-display);color:var(--sea-deep);background:linear-gradient(160deg,#fffef9,#e7f0ea);border:1.5px solid #b8892d8c;border-radius:12px;place-items:center;font-size:1.45rem;animation:5.5s ease-in-out infinite orbit-bob;display:grid;position:absolute;box-shadow:0 10px 24px #0b3a421f}.piece-a{animation-delay:0s;top:6%;right:18%}.piece-b{animation-delay:-1.4s;top:36%;left:4%}.piece-c{animation-delay:-2.6s;bottom:14%;right:8%}.piece-d{animation-delay:-3.8s;bottom:28%;left:20%}.section{padding:3rem 0}.section-head{margin-bottom:1.75rem;animation:.7s both rise}.section-head h2{font-family:var(--font-display);color:var(--sea-deep);margin:0;font-size:clamp(1.9rem,3.4vw,2.6rem)}.section-head p{color:var(--text-muted);margin:.4rem 0 0}.apps-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem;display:grid}.app-tile{border-top:3px solid var(--brass);background:linear-gradient(#fffcf6eb,#e9f3ef8c);gap:.9rem;padding:1.35rem 1.2rem 1.4rem;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s;display:grid}.app-tile:hover{background:linear-gradient(#fffef9,#e9f3efd9);transform:translateY(-6px)}.app-tile-top{justify-content:space-between;align-items:center;display:flex}.app-index{font-family:var(--font-display);color:#0b3a4247;font-size:1.5rem}.app-icon{object-fit:cover;background:linear-gradient(145deg,#1d5a64,#0b3a42);border:1px solid #b8892d59;border-radius:16px;width:68px;height:68px}.app-icon.placeholder{color:#f3e4c0;font-family:var(--font-display);place-items:center;font-size:1.7rem;display:grid}.app-tile h3{color:var(--sea-deep);margin:0;font-size:1.35rem}.app-tile p{color:var(--text-muted);margin:0}.empty-pulse{color:var(--mist);padding:1.5rem 0;animation:2.4s ease-in-out infinite pulse-soft}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.35rem}.contact-section .panel{max-width:560px}.form-grid{gap:.85rem;display:grid}.form-grid label{color:var(--mist);gap:.35rem;font-size:.95rem;display:grid}.form-grid input,.form-grid textarea,.form-grid select{width:100%;color:var(--text);background:#ffffffb8;border:1px solid #0b3a422e;border-radius:10px;padding:.75rem .9rem;transition:border-color .25s,box-shadow .25s}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#b8892db3;outline:none;box-shadow:0 0 0 3px #b8892d26}.form-grid textarea{resize:vertical;min-height:120px}.muted{color:var(--text-muted)}.success{color:var(--success)}.danger{color:var(--danger)}.landing-layout{gap:2rem;padding:2rem 0 3rem;display:grid}.landing-hero{gap:1rem;animation:.75s both rise;display:grid}.landing-hero h1{font-family:var(--font-display);color:var(--sea-deep);margin:0;font-size:clamp(2.2rem,5.5vw,3.6rem)}.media-frame{border-radius:var(--radius);border:1px solid var(--line);background:#0b3a42;animation:.8s .1s both rise;overflow:hidden}.media-frame video,.media-frame img{aspect-ratio:16/9;object-fit:cover;width:100%}.actions-row{flex-wrap:wrap;gap:.75rem;display:flex}.reviews{gap:1rem;display:grid}.review-item{border-top:1px solid var(--line);padding-block:.95rem;animation:.6s both rise}.review-item strong{color:var(--sea)}.demo-shell{align-content:center;gap:1.25rem;min-height:70vh;padding:2rem 0 3rem;display:grid}.demo-board{text-align:center;border-top:3px solid var(--brass);background:linear-gradient(#fffcf6cc,#e9f3ef66);justify-items:center;gap:1.1rem;padding:2rem 1rem;animation:.7s both rise;display:grid}.puzzle-row{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.puzzle-chip{min-width:3.2rem;color:var(--sea);cursor:pointer;background:#ffffffd9;border:1.5px solid #0b3a422e;border-radius:10px;padding:.75rem 1rem;transition:transform .25s,border-color .25s,background .25s}.puzzle-chip:hover{border-color:var(--brass);transform:translateY(-3px)}.puzzle-chip.active{border-color:var(--brass);color:#7a5a14;background:#b8892d24}.outro{text-align:center;justify-items:center;gap:1rem;animation:.7s both rise;display:grid}.outro h2{font-family:var(--font-display);color:var(--sea-deep);margin:0;font-size:clamp(1.9rem,4vw,2.8rem)}.site-footer{border-top:1px solid var(--line);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding:2.25rem 0 2.75rem;font-size:.92rem;display:flex}.admin-layout{gap:1.25rem;padding:1.5rem 0 3rem;display:grid}.admin-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.admin-tabs button[aria-pressed=true]{border-color:var(--brass);color:#7a5a14;background:#b8892d29}.table-list{gap:.85rem;display:grid}.table-row{border-top:1px solid var(--line);gap:.5rem;padding:1rem 0;display:grid}.apps-inventory{gap:1rem;display:grid}.apps-inventory-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.apps-inventory-title{font-family:var(--font-display);color:var(--sea-deep);margin:0;font-size:1.25rem}.apps-inventory-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.apps-inventory-item{border:1px solid var(--line);background:#fffcf68c;border-radius:12px;gap:.85rem;padding:.9rem;display:grid}.apps-inventory-item.is-editing{border-color:#b8892d8c;box-shadow:0 0 0 1px #b8892d33}.apps-inventory-main{align-items:flex-start;gap:.85rem;display:flex}.apps-inventory-icon{object-fit:cover;background:#0b3a4214;border-radius:12px;flex-shrink:0;width:48px;height:48px}.apps-inventory-icon--empty{font-family:var(--font-display);color:var(--sea-deep);place-items:center;font-size:1.2rem;display:grid}.apps-inventory-meta{flex:1;gap:.25rem;min-width:0;display:grid}.apps-inventory-name-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.apps-inventory-slug{direction:ltr;unicode-bidi:isolate;font-size:.88rem}.apps-inventory-blurb{color:var(--mist);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.15rem 0 0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.apps-inventory-order{font-size:.82rem}.apps-inventory-actions{flex-wrap:wrap;gap:.45rem;display:flex}.apps-inventory-actions .ghost-btn,.apps-inventory-actions .primary-btn{text-decoration:none}.danger-btn{color:var(--danger)!important;border-color:#c4574a59!important}.icon-preview-row{align-items:center;gap:.85rem;display:flex}.icon-preview{object-fit:cover;background:#fff;border:1px solid #b8892d59;border-radius:16px;flex-shrink:0;width:72px;height:72px}.badge{border:1px solid var(--line);width:fit-content;color:var(--mist);border-radius:8px;padding:.15rem .55rem;font-size:.8rem;display:inline-flex}.badge.on{color:var(--success);border-color:#2f8f6b66}.badge.off{color:var(--danger);border-color:#c4574a66}.notice{color:var(--mist);background:#fffcf6b3;border:1px dashed #0b3a4240;border-radius:10px;padding:.75rem 1rem}.site-hidden{place-items:center;min-height:58vh;padding:2rem 0 3rem;display:grid}.site-hidden-panel{text-align:center;width:100%;max-width:32rem;padding:2rem 1.5rem}.site-hidden-brand{font-family:var(--font-display);color:var(--sea-deep);margin:0 0 .75rem;font-size:1.35rem}.site-hidden-panel h1{font-family:var(--font-display);color:var(--sand);margin:0 0 1rem;font-size:1.6rem}.site-hidden-message{color:var(--mist);white-space:pre-wrap;margin:0;line-height:1.85}.hp-field{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.turnstile-wrap{justify-content:flex-start;min-height:65px;display:flex}.legal{max-width:42rem;padding:2rem 0 3rem}.legal h1{font-family:var(--font-display);color:var(--sea-deep)}.animate-rise{animation:.85s cubic-bezier(.22,1,.36,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes wash-shift{0%{filter:hue-rotate()saturate()}to{filter:hue-rotate(12deg)saturate(1.08)}}@keyframes mesh-drift{0%{background-position:0 0,0 0}to{background-position:48px 24px,24px 48px}}@keyframes glyph-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(2deg)}}@keyframes lattice-breathe{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.03)rotate(1.5deg)}}@keyframes orbit-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-soft{0%,to{opacity:.65}50%{opacity:1}}@media (width<=860px){.hero-stage{grid-template-columns:1fr;min-height:auto;padding-top:1.5rem}.hero-visual{order:-1;min-height:280px}.hero-lattice{width:min(100%,300px)}}@media (width<=720px){.site-header{flex-direction:column;align-items:flex-start}.hero-stage h1{max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}