:root{color-scheme:light;--g-canvas:#e8e4da;--g-panel:#fffdf8;--g-ink:#112937;--g-soft:#74838a;--g-line:#ddd8cd;--g-navy:#0c3247;--g-jade:#08756b;--g-gold:#c09550;--g-danger:#b34551}[data-theme="dark"]{color-scheme:dark;--g-canvas:#0c1519;--g-panel:#152328;--g-ink:#f4f0e7;--g-soft:#8fa09f;--g-line:#2b3d41;--g-navy:#0b2c38;--g-jade:#53b8aa;--g-gold:#d7aa62;--g-danger:#ed8189}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;background:var(--g-canvas);color:var(--g-ink);font-family:'Tajawal',system-ui,sans-serif;-webkit-font-smoothing:antialiased}.gate-government{height:32px;padding:0 30px;background:#071f2e;color:rgba(255,255,255,.68);display:flex;align-items:center;gap:12px;font-size:10px}.gate-government b{color:#fff}.gate-government span:last-child{margin-right:auto}.gate-shell{min-height:calc(100vh - 32px);display:grid;grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr);padding:18px;gap:18px}.gate-identity,.gate-access{border-radius:28px;overflow:hidden;position:relative}.gate-identity{background:linear-gradient(145deg,#0a2c40,#0b5561);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.gate-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.gate-seal{width:59px;height:59px;border:1px solid rgba(255,255,255,.48);border-radius:50%;display:grid;place-items:center;text-align:center;line-height:1.08;font-size:11px;font-weight:900}.gate-brand>div:last-child{display:grid}.gate-brand small{color:rgba(255,255,255,.63);font-size:9px;letter-spacing:.16em}.gate-brand strong{font-size:21px;letter-spacing:.18em;margin-left:-.18em}.gate-story{max-width:510px;position:relative;z-index:2}.gate-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.17);border-radius:99px;background:rgba(255,255,255,.06);font-size:10px;font-weight:800;color:#e4c27e}.gate-story h1{font-size:clamp(46px,5vw,76px);line-height:1.04;letter-spacing:-.055em;margin:20px 0 18px}.gate-story p{max-width:440px;margin:0;color:rgba(255,255,255,.7);line-height:1.95;font-size:14px}.gate-status{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;color:rgba(255,255,255,.67);font-size:10px}.gate-status div{display:flex;align-items:center;gap:7px}.gate-status i{width:7px;height:7px;border-radius:50%;background:#66d4b2;box-shadow:0 0 0 5px rgba(102,212,178,.12)}.gate-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;z-index:0}.orbit-a{width:540px;height:540px;left:-260px;bottom:-260px}.orbit-b{width:260px;height:260px;left:-90px;bottom:-90px}.gate-access{background:var(--g-panel);border:1px solid var(--g-line);display:grid;place-items:center;padding:54px}.gate-theme{position:absolute;top:22px;left:22px;width:42px;height:42px;border:1px solid var(--g-line);border-radius:50%;background:transparent;color:var(--g-ink);font:inherit;cursor:pointer}.gate-access-inner{width:min(405px,100%)}.gate-mobile-brand{display:none}.gate-access-label{color:var(--g-gold);font-size:10px;font-weight:900;letter-spacing:.08em}.gate-access h2{font-size:34px;letter-spacing:-.04em;margin:9px 0 8px}.gate-access-inner>p{color:var(--g-soft);font-size:13px;margin:0 0 34px;line-height:1.8}.gate-form{display:grid;gap:18px}.gate-form label{display:grid;gap:7px}.gate-form label>span{font-size:11px;color:var(--g-soft);font-weight:700}.gate-form label>div{height:56px;border:1px solid var(--g-line);border-radius:15px;background:color-mix(in srgb,var(--g-panel) 82%,var(--g-canvas));display:flex;align-items:center;padding:0 14px;transition:.18s}.gate-form label>div:focus-within{border-color:var(--g-jade);box-shadow:0 0 0 4px color-mix(in srgb,var(--g-jade) 12%,transparent);background:var(--g-panel)}.gate-form i{width:31px;color:var(--g-gold);font:700 10px 'Tajawal';font-style:normal}.gate-form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--g-ink);font:13px 'Tajawal'}.gate-form input::placeholder{color:color-mix(in srgb,var(--g-soft) 65%,transparent)}.gate-error{padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--g-danger) 11%,var(--g-panel));color:var(--g-danger);font-size:11px}.gate-form>button{height:56px;border:0;border-radius:15px;background:var(--g-navy);color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font:800 13px 'Tajawal';cursor:pointer;box-shadow:0 13px 27px rgba(12,50,71,.2);transition:.18s}.gate-form>button:hover{background:var(--g-jade);transform:translateY(-1px)}.gate-form>button:disabled{opacity:.6;cursor:wait;transform:none}.gate-form>button b{font-size:20px}.gate-help{display:flex;justify-content:space-between;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid var(--g-line);color:var(--g-soft);font-size:9px}.gate-help span:last-child{color:var(--g-gold);font-weight:800}@media(max-width:900px){.gate-shell{grid-template-columns:.9fr 1.1fr}.gate-identity{padding:34px}.gate-story h1{font-size:50px}.gate-access{padding:38px}}@media(max-width:680px){body{background:var(--g-panel)}.gate-government{height:calc(27px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;font-size:8px}.gate-government b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gate-government span:last-child{display:none}.gate-shell{display:block;min-height:calc(100dvh - 27px - env(safe-area-inset-top));padding:0}.gate-identity{display:none}.gate-access{min-height:calc(100dvh - 27px - env(safe-area-inset-top));border:0;border-radius:0;padding:calc(42px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));align-items:start}.gate-theme{top:18px;left:18px}.gate-access-inner{width:100%;margin:auto 0}.gate-mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:52px}.gate-mobile-brand span{width:46px;height:46px;border-radius:50%;background:var(--g-navy);color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.gate-mobile-brand b{font-size:13px;letter-spacing:.05em}.gate-access h2{font-size:31px}.gate-access-inner>p{margin-bottom:28px}.gate-form label>div,.gate-form>button{height:58px}.gate-help{margin-top:30px;flex-direction:column;gap:6px}}