:where(svg[aria-hidden][viewBox="0 0 24 24"]){width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
:root{
--n950:#060f22;--n900:#0a1830;--n850:#0d1f3c;--n800:#122850;--n700:#1b3868;--n600:#274a86;
--g300:#f0dfae;--g400:#e0c682;--g500:#c9a45c;--g600:#a98240;--g700:#7d5f2c;
--ivory:#f6f0e0;--ivory2:#ece2c8;--ink:#14213d;
--teal:#43a0a2;--tealD:#2b6c70;--rose:#e0675d;--ok:#5cc096;--warn:#e7b04a;
--txt:#ece6d3;--mut:#a9b0c2;--line:rgba(201,164,92,.22);--line2:rgba(201,164,92,.38);
--r:16px;--r-sm:10px;--shadow:0 18px 50px -18px rgba(0,0,0,.65);
--gold-grad:linear-gradient(135deg,#f3e3b0 0%,#dcbf7c 38%,#b8913f 70%,#e7cf93 100%);
--f-disp:'Cinzel','Trajan Pro',Georgia,serif;--f-ui:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--f-it:'Cormorant Garamond',Georgia,serif;
--zellige:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none' stroke='%23c9a45c' stroke-width='1'%3E%3Crect x='19' y='19' width='50' height='50'/%3E%3Crect x='19' y='19' width='50' height='50' transform='rotate(45 44 44)'/%3E%3Ccircle cx='44' cy='44' r='11'/%3E%3Ccircle cx='44' cy='44' r='3' fill='%23c9a45c'/%3E%3Cpath d='M0 44h19M69 44h19M44 0v19M44 69v19'/%3E%3C/svg%3E");
}
html[lang=ar]{--f-ui:'Cairo','Inter',system-ui,sans-serif;--f-disp:'Cairo','Cinzel',serif;--f-it:'Cairo',serif}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--f-ui);font-size:16px;line-height:1.6;color:var(--txt);background:var(--n950);min-height:100svh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.noscroll{overflow:hidden}
img{display:block;max-width:100%}
a{color:var(--g400);text-decoration:none}a:hover{color:var(--g300)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--g400);outline-offset:3px;border-radius:6px}
::selection{background:var(--g500);color:var(--n950)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mut{color:var(--mut)}.sm{font-size:.875rem}.xs{font-size:.78rem}.center{text-align:center}.grow{flex:1}
.gold{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--n700);border-radius:10px;border:2px solid var(--n950)}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 80% at 50% -10%,#16346a 0%,var(--n900) 48%,var(--n950) 100%)}
.bg::before{content:"";position:absolute;inset:-88px;background:var(--zellige);opacity:.07;animation:drift 90s linear infinite;-webkit-mask-image:radial-gradient(70% 60% at 50% 25%,#000 20%,transparent 85%);mask-image:radial-gradient(70% 60% at 50% 25%,#000 20%,transparent 85%)}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 110%,rgba(67,160,162,.12),transparent 70%)}
@keyframes drift{to{transform:translate(88px,88px)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1.3rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid var(--line2);transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;white-space:nowrap;user-select:none}
.btn:hover{transform:translateY(-1px);border-color:var(--g400)}.btn:active{transform:translateY(0) scale(.98)}
.btn[disabled]{opacity:.5;pointer-events:none}
.btn-gold{background:var(--gold-grad);color:var(--n950);border-color:transparent;box-shadow:0 8px 24px -10px rgba(201,164,92,.7)}
.btn-gold:hover{box-shadow:0 12px 30px -10px rgba(224,198,130,.9);color:var(--n950)}
.btn-ghost{background:rgba(255,255,255,.03)}.btn-ghost:hover{background:rgba(201,164,92,.1)}
.btn-danger{border-color:rgba(224,103,93,.5);color:#ffb4ac}.btn-danger:hover{background:rgba(224,103,93,.14);border-color:var(--rose)}
.btn-sm{padding:.4rem .85rem;font-size:.82rem}.btn-block{width:100%}
.btn svg{width:1.1em;height:1.1em;flex:none}
.ibtn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);transition:background .18s,border-color .18s}.ibtn:hover{background:rgba(201,164,92,.12);border-color:var(--g500)}
.ibtn svg{width:18px;height:18px}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:rgba(6,15,34,.5)}
.lang button{padding:.22rem .7rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:var(--mut);transition:.2s}
.lang button[aria-pressed=true]{background:var(--gold-grad);color:var(--n950)}
.lang button:not([aria-pressed=true]):hover{color:var(--g300)}
.gate{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5.5rem 1.25rem 4rem;position:relative;text-align:center}
.gate-top{position:absolute;inset-inline:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:max(1rem,env(safe-area-inset-top)) 1.1rem;gap:1rem;z-index:5}
.staff-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--line2);font-size:.85rem;font-weight:600;background:rgba(6,15,34,.55);transition:.2s}
.staff-btn:hover{border-color:var(--g400);background:rgba(201,164,92,.12);transform:translateY(-1px)}
.staff-btn svg{width:16px;height:16px;color:var(--g400)}
.gate-logo{position:relative;width:clamp(170px,32vmin,290px);aspect-ratio:1;margin-bottom:1.1rem}
.gate-logo img{width:100%;height:100%;border-radius:50%;position:relative;z-index:1;box-shadow:0 0 0 1px rgba(201,164,92,.5),0 30px 80px -20px rgba(0,0,0,.8),0 0 70px -10px rgba(201,164,92,.35)}
.gate-logo::before,.gate-logo::after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px dashed rgba(201,164,92,.38);animation:spin 60s linear infinite}
.gate-logo::after{inset:-30px;border:1px solid rgba(201,164,92,.14);animation-direction:reverse;animation-duration:90s}
@keyframes spin{to{transform:rotate(360deg)}}
.gate-title{font-family:var(--f-disp);font-weight:800;font-size:clamp(2.6rem,9vw,5rem);letter-spacing:.22em;padding-inline-start:.22em;line-height:1.05}
.gate-sub{font-family:var(--f-it);font-style:italic;font-size:clamp(1.05rem,2.6vw,1.4rem);color:var(--g300);margin-top:.35rem}
html[lang=ar] .gate-title{letter-spacing:.04em}
.orn{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1.1rem auto 1.6rem;color:var(--g500);max-width:360px;width:100%}
.orn::before,.orn::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--g500))}.orn::after{transform:scaleX(-1)}
.orn i{width:9px;height:9px;transform:rotate(45deg);background:var(--g500);display:block}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;width:min(760px,100%)}
.choice{position:relative;text-align:start;padding:1.5rem 1.5rem 1.4rem;border-radius:20px;border:1px solid var(--line2);background:linear-gradient(160deg,rgba(27,56,104,.55),rgba(10,24,48,.75));overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .35s;transform-style:preserve-3d;display:block;color:var(--txt)}
.choice::before{content:"";position:absolute;inset:0;background:var(--zellige);background-size:70px;opacity:.07;pointer-events:none;transition:opacity .4s}
.choice::after{content:"";position:absolute;inset:0;background:radial-gradient(260px 160px at var(--mx,50%) var(--my,0%),rgba(240,223,174,.20),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
.choice:hover{border-color:var(--g400);box-shadow:0 26px 60px -24px rgba(0,0,0,.8),0 0 40px -18px rgba(224,198,130,.6);color:var(--txt)}
.choice:hover::before{opacity:.14}.choice:hover::after{opacity:1}
.choice .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--gold-grad);color:var(--n950);margin-bottom:.9rem;box-shadow:0 8px 20px -8px rgba(201,164,92,.8)}
.choice .ico svg{width:24px;height:24px}
.choice h2{font-family:var(--f-disp);font-size:1.25rem;letter-spacing:.04em;margin-bottom:.25rem;color:var(--g300)}
.choice p{color:var(--mut);font-size:.92rem}
.choice .go{position:absolute;inset-inline-end:1.2rem;bottom:1.1rem;color:var(--g400);transition:transform .3s}
.choice:hover .go{transform:translateX(5px)}[dir=rtl] .choice:hover .go{transform:translateX(-5px)}
[dir=rtl] .go svg,[dir=rtl] .flip svg{transform:scaleX(-1)}
.gate-links{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;justify-content:center;margin-top:1.6rem}
.gate-links a{font-size:.9rem;color:var(--mut);position:relative;padding:.2rem 0}
.gate-links a::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--g400);transform:scaleX(0);transition:transform .3s}
.gate-links a:hover{color:var(--g300)}.gate-links a:hover::after{transform:scaleX(1)}
.gate-credit{position:absolute;bottom:max(.9rem,env(safe-area-inset-bottom));inset-inline:0;font-size:.74rem;letter-spacing:.08em;color:rgba(169,176,194,.65)}
.gate-credit b{color:var(--g500);font-weight:600}
.gate.pre .gate-top,.gate.pre .gate-title,.gate.pre .gate-sub,.gate.pre .orn,.gate.pre .choice,.gate.pre .gate-links,.gate.pre .gate-credit{opacity:0;transform:translateY(18px)}
.gate.iw .gate-logo img:not(.ready){opacity:0}
.gate.in .gate-top,.gate.in .gate-title,.gate.in .gate-sub,.gate.in .orn,.gate.in .choice,.gate.in .gate-links,.gate.in .gate-credit{animation:rise .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0)*90ms)}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.gate.noanim *{animation:none!important}
.demo{position:fixed;inset-inline-start:10px;bottom:10px;z-index:60;font-size:.68rem;letter-spacing:.04em;color:var(--g300);background:rgba(6,15,34,.82);border:1px solid var(--line2);padding:.25rem .7rem;border-radius:999px;pointer-events:none;max-width:60vw}
.hdr{position:sticky;top:0;z-index:40;background:rgba(7,17,38,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hdr-in{max-width:1180px;margin:auto;padding:.6rem 1.1rem;display:flex;align-items:center;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--txt)}
.brand img{width:42px;height:42px;border-radius:50%;box-shadow:0 0 0 1px var(--line2)}
.brand b{font-family:var(--f-disp);letter-spacing:.2em;font-size:1.1rem}
.nav{display:flex;gap:.2rem;margin-inline-start:1rem}
.nav a{padding:.45rem .85rem;border-radius:999px;font-size:.9rem;color:var(--mut);transition:.2s}
.nav a:hover{color:var(--g300);background:rgba(201,164,92,.08)}
.nav a.on{color:var(--n950);background:var(--gold-grad);font-weight:600}
.hdr-tools{margin-inline-start:auto;display:flex;align-items:center;gap:.6rem}
.burger{display:none}
.userchip{display:flex;align-items:center;gap:.5rem;padding:.25rem .8rem .25rem .3rem;border-radius:999px;border:1px solid var(--line);font-size:.85rem}
.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.78rem;color:var(--n950);background:var(--gold-grad);flex:none;font-family:var(--f-ui)}
.main{min-height:calc(100svh - 62px - 170px);padding:2.2rem 1.1rem 3rem}
.wrap{max-width:1100px;margin:auto}.wrap-sm{max-width:560px;margin:auto}.wrap-md{max-width:820px;margin:auto}
.view{animation:viewIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes viewIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ftr{border-top:1px solid var(--line);background:rgba(4,10,24,.7);padding:1.8rem 1.1rem 2rem;text-align:center}
.ftr-logos{display:flex;gap:.8rem;justify-content:center;align-items:center;margin-bottom:1rem;flex-wrap:wrap}
.ftr-logos span{background:var(--ivory);border-radius:12px;padding:.3rem .7rem;display:flex;align-items:center;justify-content:center}
.ftr-logos img{height:46px;width:auto;max-width:150px;object-fit:contain;display:block}
.ftr-credit{font-size:.88rem;color:var(--mut)}.ftr-credit b{color:var(--g400)}
.ftr small{display:block;margin-top:.35rem;color:rgba(169,176,194,.55);font-size:.75rem}
.page-title{font-family:var(--f-disp);font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:.1em;text-align:center;font-weight:700}
.page-lead{text-align:center;color:var(--mut);max-width:620px;margin:.6rem auto 0}
.sec-title{font-family:var(--f-disp);letter-spacing:.14em;text-align:center;font-size:1.15rem;color:var(--g300);margin:3rem 0 1.4rem;display:flex;align-items:center;gap:1rem;font-weight:700}
.sec-title::before,.sec-title::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--g500))}.sec-title::after{transform:scaleX(-1)}
.grid{display:grid;gap:1.1rem}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:linear-gradient(170deg,rgba(18,40,80,.7),rgba(10,24,48,.8));border:1px solid var(--line);border-radius:var(--r);padding:1.3rem 1.4rem}
.card h3{font-family:var(--f-disp);font-size:1.05rem;letter-spacing:.05em;color:var(--g300);margin-bottom:.4rem}
.card p{color:#d3d0c4;font-size:.96rem}
.card.hov{transition:transform .3s,border-color .3s,box-shadow .3s}.card.hov:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:var(--shadow)}
.star{width:34px;height:34px;color:var(--g400);margin-bottom:.5rem}
.bar{border-inline-start:3px solid var(--g500)}
.why{counter-reset:w;display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.why li{list-style:none;counter-increment:w;display:flex;gap:.9rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(13,31,60,.6)}
.why li::before{content:counter(w);flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:var(--n950);font-weight:700;font-size:.85rem}
.partners{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.partners span{background:var(--ivory);border-radius:14px;padding:.5rem .9rem;height:76px;display:grid;place-items:center}.partners img{height:100%;width:auto}
.team{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.member{text-align:center;padding:1.4rem 1rem;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(170deg,rgba(18,40,80,.65),rgba(10,24,48,.75));position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.member::before{content:"";position:absolute;inset:0;background:var(--zellige);background-size:64px;opacity:.05}
.member:hover{transform:translateY(-4px);border-color:var(--g400)}
.member .ring{width:78px;height:78px;margin:0 auto .8rem;border-radius:50%;padding:3px;background:var(--gold-grad);position:relative}
.member .ring span{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;background:var(--n800);font-family:var(--f-disp);font-weight:700;font-size:1.45rem;color:var(--g300)}
.member h3{font-family:var(--f-disp);font-size:1rem;letter-spacing:.04em;position:relative}
.member p{font-size:.86rem;color:var(--mut);margin-top:.25rem;position:relative}
.member.lead{border-color:var(--line2)}.member.lead .ring::after{content:"⚖";position:absolute;inset-inline-end:-6px;bottom:-4px;background:var(--n950);border:1px solid var(--g500);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.8rem}
.rule{display:flex;gap:1rem;padding:1.1rem 1.2rem;margin-bottom:.8rem;background:rgba(13,31,60,.65);border:1px solid var(--line);border-inline-start:3px solid var(--g500);border-radius:var(--r-sm)}
.rule .no{font-family:var(--f-disp);font-weight:800;color:var(--g500);font-size:1.5rem;line-height:1;min-width:2ch}
.rule h3{font-family:var(--f-disp);font-size:.98rem;letter-spacing:.04em;color:var(--g300);margin-bottom:.2rem}.rule p{font-size:.94rem;color:#d3d0c4}
.form{display:grid;gap:1.1rem}
.field label,.lbl{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--g300);letter-spacing:.02em}
.field .opt{font-weight:400;color:var(--mut);margin-inline-start:.35rem}
.input,.select,.textarea{width:100%;padding:.78rem 1rem;border-radius:12px;background:rgba(5,12,28,.65);border:1px solid var(--line2);transition:border-color .2s,box-shadow .2s;color:var(--txt);min-height:46px}
.textarea{min-height:120px;resize:vertical;line-height:1.55}
.input::placeholder,.textarea::placeholder{color:rgba(169,176,194,.5)}
.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--g400);box-shadow:0 0 0 3px rgba(201,164,92,.18)}
.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--g400) 50%),linear-gradient(135deg,var(--g400) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-inline-end:2.2rem}
[dir=rtl] .select{background-position:20px 50%,14px 50%}
.select option{background:var(--n850);color:var(--txt)}
.input.bad{border-color:var(--rose);box-shadow:0 0 0 3px rgba(224,103,93,.15)}
.err{color:#ffb4ac;font-size:.82rem;margin-top:.3rem;min-height:0}.hint{color:var(--mut);font-size:.8rem;margin-top:.3rem}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg label{margin:0;text-align:center;padding:.7rem;border:1px solid var(--line2);border-radius:12px;cursor:pointer;transition:.2s;color:var(--txt);font-weight:500;display:flex;gap:.5rem;align-items:center;justify-content:center}
.seg input:checked+label{background:var(--gold-grad);color:var(--n950);border-color:transparent;font-weight:700}
.seg input:focus-visible+label{outline:2px solid var(--g400);outline-offset:2px}
.pw{position:relative}.pw .ibtn{position:absolute;inset-inline-end:5px;top:4px;width:38px;height:38px;border:0}
.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.note{padding:.8rem 1rem;border-radius:12px;font-size:.88rem;border:1px solid var(--line2);background:rgba(201,164,92,.08);color:var(--g300)}
.note.bad{border-color:rgba(224,103,93,.5);background:rgba(224,103,93,.1);color:#ffb4ac}
.note.ok{border-color:rgba(92,192,150,.45);background:rgba(92,192,150,.1);color:#aee8d0}
.formcard{padding:1.8rem 1.6rem;background:linear-gradient(170deg,rgba(18,40,80,.78),rgba(8,20,42,.88));border:1px solid var(--line2);border-radius:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.formcard::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--gold-grad)}
.formhead{text-align:center;margin-bottom:1.4rem}.formhead img{width:70px;margin:0 auto .6rem;border-radius:50%}
.formhead h1{font-family:var(--f-disp);letter-spacing:.08em;font-size:1.5rem}
.seal{text-align:center;padding:1rem 0}
.seal svg{width:96px;height:96px;margin:0 auto 1rem;display:block}
.seal circle,.seal path{stroke:var(--g400);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1.1s ease forwards}
.seal path{animation-delay:.5s;stroke-dasharray:60;stroke-dashoffset:60}
@keyframes draw{to{stroke-dashoffset:0}}
.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;border:1px solid var(--line2);color:var(--g300);background:rgba(201,164,92,.1)}
.badge.staff{background:var(--gold-grad);color:var(--n950);border-color:transparent}
.badge.admin{background:linear-gradient(135deg,#8bd3d4,#43a0a2);color:var(--n950);border-color:transparent}
.badge.ok{color:#aee8d0;border-color:rgba(92,192,150,.5);background:rgba(92,192,150,.1)}
.badge.bad{color:#ffb4ac;border-color:rgba(224,103,93,.5);background:rgba(224,103,93,.1)}
.badge.warn{color:#f6d79a;border-color:rgba(231,176,74,.5);background:rgba(231,176,74,.1)}
.chips{display:flex;gap:.45rem;flex-wrap:wrap}
.chip{padding:.32rem .85rem;border-radius:999px;border:1px solid var(--line);font-size:.82rem;color:var(--mut);transition:.2s}
.chip:hover{border-color:var(--g500);color:var(--g300)}.chip[aria-pressed=true]{background:rgba(201,164,92,.18);border-color:var(--g400);color:var(--g300);font-weight:600}
.tabs{display:flex;gap:.3rem;padding:.3rem;border:1px solid var(--line);border-radius:999px;background:rgba(5,12,28,.6);width:max-content;max-width:100%;overflow:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{padding:.5rem 1.15rem;border-radius:999px;font-size:.9rem;font-weight:600;color:var(--mut);white-space:nowrap;transition:.2s}
.tabs button[aria-selected=true]{background:var(--gold-grad);color:var(--n950)}
.tabs button:not([aria-selected=true]):hover{color:var(--g300)}
.bar-h{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.2rem}
.thread{display:flex;gap:1rem;align-items:center;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(13,31,60,.6);margin-bottom:.7rem;transition:transform .25s,border-color .25s,background .25s;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 84px;width:100%;text-align:start}
.thread:hover{transform:translateY(-2px);border-color:var(--line2);background:rgba(27,56,104,.5)}
.thread h3{font-size:1.02rem;font-weight:600;color:var(--txt);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.thread .meta{display:flex;gap:.9rem;color:var(--mut);font-size:.8rem;flex-wrap:wrap;margin-top:.15rem}
.thread .cnt{margin-inline-start:auto;text-align:center;font-size:.78rem;color:var(--mut);min-width:54px}.thread .cnt b{display:block;font-size:1.15rem;color:var(--g300);font-family:var(--f-disp)}
.post{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(13,31,60,.6);margin-bottom:.8rem}
.post.op{border-color:var(--line2);background:linear-gradient(170deg,rgba(27,56,104,.55),rgba(13,31,60,.8))}
.post-h{display:flex;gap:.7rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap}.post-h .who{font-weight:600}.post-h .when{color:var(--mut);font-size:.78rem}
.post-b{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
.post-a{display:flex;gap:.4rem;margin-top:.8rem;flex-wrap:wrap}
.like[aria-pressed=true]{background:rgba(201,164,92,.18);border-color:var(--g400);color:var(--g300)}
.art{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;text-align:start;width:100%}
.art h3{font-size:1.1rem}.art .meta{color:var(--mut);font-size:.78rem;display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
.parchment{background:var(--ivory);color:var(--ink);border-radius:22px;padding:clamp(1.4rem,4vw,2.8rem);box-shadow:var(--shadow);position:relative;border:1px solid var(--g500)}
.parchment::before{content:"";position:absolute;inset:8px;border:1px solid rgba(169,130,64,.5);border-radius:16px;pointer-events:none}
.parchment h1{font-family:var(--f-disp);font-size:clamp(1.4rem,4vw,2.1rem);line-height:1.25;letter-spacing:.03em;color:var(--n850)}
.parchment .meta{color:#6b6350;font-size:.85rem;margin:.6rem 0 1.4rem;display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.parchment .body{font-size:1.05rem;line-height:1.8;color:#2a2f45;word-break:break-word}.parchment .body p{margin-bottom:1rem}.parchment .body a{color:var(--tealD);text-decoration:underline}
.parchment .badge{color:var(--g700);border-color:var(--g600);background:rgba(169,130,64,.12)}
.empty{text-align:center;padding:2.6rem 1rem;color:var(--mut);border:1px dashed var(--line2);border-radius:var(--r)}
.empty svg{width:42px;height:42px;color:var(--g500);margin:0 auto .6rem;opacity:.8}
.staff{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1.6rem;max-width:1240px;margin:auto}
.side{position:sticky;top:78px;align-self:start;display:flex;flex-direction:column;gap:.25rem;padding:.7rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(6,15,34,.6)}
.side button{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:12px;color:var(--mut);font-weight:500;font-size:.92rem;text-align:start;transition:.2s}
.side button svg{width:18px;height:18px;flex:none}
.side button:hover{background:rgba(201,164,92,.08);color:var(--g300)}
.side button[aria-current=page]{background:var(--gold-grad);color:var(--n950);font-weight:700}
.side .cnt{margin-inline-start:auto;background:var(--rose);color:#fff;font-size:.7rem;border-radius:999px;padding:0 .45rem;min-width:20px;text-align:center;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem;margin-bottom:1.4rem}
.stat{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r);background:linear-gradient(170deg,rgba(18,40,80,.7),rgba(10,24,48,.8))}
.stat b{display:block;font-family:var(--f-disp);font-size:2rem;line-height:1.1;color:var(--g300)}.stat span{color:var(--mut);font-size:.82rem}
.stat.alert{border-color:rgba(224,103,93,.55)}.stat.alert b{color:#ffb4ac}
.spark{width:100%;height:60px;display:block}.spark rect{fill:var(--g500);opacity:.85;transition:opacity .2s}.spark rect:hover{opacity:1;fill:var(--g300)}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{text-align:start;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--g500);padding:.6rem .8rem;border-bottom:1px solid var(--line2);white-space:nowrap}
.tbl td{padding:.7rem .8rem;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:hover td{background:rgba(201,164,92,.04)}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:rgba(8,20,42,.55)}
.acts{display:flex;gap:.35rem;flex-wrap:wrap}
.appcard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(13,31,60,.6);margin-bottom:.8rem}
.appcard.new{border-color:var(--g500);box-shadow:0 0 0 3px rgba(201,164,92,.08)}
.appcard h3{font-size:1.05rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.appcard .info{display:flex;gap:.4rem 1.2rem;flex-wrap:wrap;margin:.35rem 0;font-size:.88rem;color:#d3d0c4}
.appcard .info a{display:inline-flex;gap:.35rem;align-items:center}
.appcard textarea{margin-top:.4rem;min-height:56px;font-size:.88rem;padding:.5rem .8rem}
.perms{display:grid;gap:.9rem}
.perm-g h4{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--g500);margin-bottom:.4rem}
.perm{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;margin-bottom:.35rem;cursor:pointer;transition:.2s}
.perm:hover{border-color:var(--line2);background:rgba(201,164,92,.05)}
.perm input{accent-color:var(--g500);width:18px;height:18px;margin-top:3px;flex:none}.perm b{display:block;font-size:.9rem}.perm span{font-size:.78rem;color:var(--mut)}
.cred{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;letter-spacing:.06em;padding:.9rem 1rem;border:1px dashed var(--g500);border-radius:12px;background:rgba(5,12,28,.7);display:flex;align-items:center;justify-content:space-between;gap:.8rem;direction:ltr;text-align:left;user-select:all;word-break:break-all}
.switch{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r);background:rgba(13,31,60,.6);margin-bottom:.8rem}
.switch input{appearance:none;width:50px;height:28px;border-radius:999px;background:var(--n700);position:relative;cursor:pointer;transition:.25s;flex:none;border:1px solid var(--line2)}
.switch input::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.25s}
.switch input:checked{background:var(--g500)}.switch input:checked::after{inset-inline-start:25px;background:var(--n950)}
.log{font-size:.84rem;display:grid;grid-template-columns:150px 150px 1fr;gap:.2rem 1rem;padding:.55rem .2rem;border-bottom:1px solid var(--line)}.log time{color:var(--mut)}.log code{color:var(--g400);font-size:.8rem}
.mback{position:fixed;inset:0;z-index:90;background:rgba(3,8,20,.74);display:grid;place-items:center;padding:1rem;animation:fade .2s both;overflow:auto}
.modal{width:min(560px,100%);max-height:92svh;overflow:auto;border:1px solid var(--line2);border-radius:22px;background:linear-gradient(170deg,#142c58,#0a1830);box-shadow:0 40px 100px -20px #000;animation:pop .32s cubic-bezier(.2,.9,.3,1.2) both}
.modal.wide{width:min(760px,100%)}
.modal-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line)}
.modal-h h2{font-family:var(--f-disp);font-size:1.1rem;letter-spacing:.06em;color:var(--g300)}
.modal-b{padding:1.3rem 1.4rem}.modal-f{padding:1rem 1.4rem 1.3rem;display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}
@keyframes fade{from{opacity:0}}@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.96)}}
.toasts{position:fixed;inset-inline:0;bottom:max(1rem,env(safe-area-inset-bottom));z-index:120;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}
.toast{pointer-events:auto;padding:.7rem 1.2rem;border-radius:999px;background:var(--n850);border:1px solid var(--g500);box-shadow:var(--shadow);font-size:.9rem;animation:rise .35s both;max-width:92vw}
.toast.bad{border-color:var(--rose)}.toast.ok{border-color:var(--ok)}
.spin{width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);border-top-color:var(--g400);animation:spin .8s linear infinite;margin:3rem auto}
.skel{height:78px;border-radius:var(--r);background:linear-gradient(90deg,rgba(18,40,80,.5) 25%,rgba(39,74,134,.45) 50%,rgba(18,40,80,.5) 75%);background-size:200% 100%;animation:sh 1.3s infinite;margin-bottom:.7rem}
@keyframes sh{to{background-position:-200% 0}}
#intro{position:fixed;inset:0;z-index:200;background:radial-gradient(90% 70% at 50% 45%,#10285a 0%,#08142c 55%,#040a18 100%);overflow:hidden;touch-action:manipulation}
#intro canvas{position:absolute;inset:0;width:100%;height:100%}
#intro .i-logo{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s)/-2) 0 0 calc(var(--s)/-2);border-radius:50%;opacity:0;will-change:transform,opacity,filter;box-shadow:0 0 0 1px rgba(201,164,92,.6),0 0 90px -10px rgba(224,198,130,.55)}
#intro .i-tag{position:absolute;left:0;right:0;text-align:center;font-family:var(--f-it);font-style:italic;color:var(--g300);font-size:clamp(1.05rem,3vw,1.5rem);opacity:0;letter-spacing:.35em;transition:letter-spacing 2.4s cubic-bezier(.2,.8,.2,1),opacity 1s;padding:0 1rem}
#intro .i-tag.on{opacity:1;letter-spacing:.14em}
html[lang=ar] #intro .i-tag{letter-spacing:.04em!important;font-style:normal}
#intro .i-skip{position:absolute;inset-inline-end:1.1rem;bottom:max(1.1rem,env(safe-area-inset-bottom));font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;opacity:0;transition:opacity .6s,color .2s,border-color .2s}
#intro .i-skip.on{opacity:1}#intro .i-skip:hover{color:var(--g300);border-color:var(--g400)}
#intro .i-by{position:absolute;inset-inline:0;bottom:max(1.2rem,env(safe-area-inset-bottom));text-align:center;font-size:.72rem;letter-spacing:.14em;color:rgba(169,176,194,.5);opacity:0;transition:opacity 1s}#intro .i-by.on{opacity:1}
#intro.out{animation:introOut .9s cubic-bezier(.6,0,.2,1) forwards;pointer-events:none}
@keyframes introOut{to{opacity:0;transform:scale(1.04);filter:blur(6px)}}
#mz{position:fixed;z-index:70;left:0;top:0;width:104px;height:122px;pointer-events:none;transition:transform .9s cubic-bezier(.45,.05,.25,1);will-change:transform;touch-action:manipulation}
#mz .mz-hit{position:absolute;inset:0;pointer-events:auto;cursor:pointer;border-radius:30px;-webkit-tap-highlight-color:transparent}
#mz svg{width:100%;height:100%;overflow:visible;display:block;transform-origin:50% 100%}
#mz.peek svg{transform:translateY(58%);transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
#mz.peek:hover svg,#mz.peek.wiggle svg{transform:translateY(46%)}
#mz.up svg{animation:popUp .75s cubic-bezier(.2,1.5,.4,1) both}
#mz.walk svg{animation:waddle .42s ease-in-out infinite}
#mz.talk .beam{animation:beam .55s ease-in-out infinite alternate}
#mz.talk .mouth{animation:mouth .22s steps(2) infinite}
#mz.sleep svg{transform:translateY(58%) rotate(-4deg);transition:transform .6s}
#mz .blink{animation:blink 4.6s infinite;transform-box:fill-box;transform-origin:center}
#mz .brL,#mz .brR{transform-box:fill-box;transform-origin:center;transition:transform .35s}
#mz.smirk .brR{transform:translateY(-6px) rotate(-14deg)}#mz.smirk .brL{transform:translateY(2px) rotate(8deg)}
#mz.shock .brL,#mz.shock .brR{transform:translateY(-6px)}
#mz .pupil{transition:transform .12s}
#mz .smile,#mz .smirkm{transition:opacity .2s}#mz .smirkm{opacity:0}#mz.smirk .smirkm{opacity:1}#mz.smirk .smile{opacity:0}
#mz .open{opacity:0}#mz.talk .open{opacity:1}#mz.talk .smile,#mz.talk .smirkm{opacity:0}
#mz .beam{transform-origin:60px 40px;transition:transform .5s}
#mz .panL,#mz .panR{animation:sway 3s ease-in-out infinite;transform-origin:center top}.panR{animation-delay:-1.5s}
@keyframes popUp{0%{transform:translateY(58%) scale(.8)}55%{transform:translateY(-34px) scale(1.12,.92)}75%{transform:translateY(0) scale(.96,1.06)}100%{transform:none}}
@keyframes waddle{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-7px)}}
@keyframes beam{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
@keyframes mouth{50%{transform:scaleY(.35)}}
@keyframes blink{0%,94%,100%{transform:scaleY(1)}96%{transform:scaleY(.08)}}
@keyframes sway{50%{transform:rotate(5deg)}}
.mz-bub{position:fixed;z-index:75;width:min(300px,calc(100vw - 28px));padding:.9rem 1rem .8rem;border-radius:18px;background:var(--ivory);color:var(--ink);border:2px solid var(--g500);box-shadow:0 18px 50px -12px rgba(0,0,0,.8);font-size:.92rem;line-height:1.5;opacity:0;transform:translateY(8px) scale(.94);pointer-events:none;transition:opacity .25s,transform .35s cubic-bezier(.2,1.3,.4,1)}
.mz-bub.on{opacity:1;transform:none;pointer-events:auto}
.mz-bub::after{content:"";position:absolute;left:var(--ax,40px);width:16px;height:16px;background:var(--ivory);border:2px solid var(--g500);border-top:0;border-inline-start:0;transform:rotate(45deg)}
.mz-bub.below::after{bottom:auto;top:-9px;transform:rotate(225deg)}.mz-bub.above::after{bottom:-9px}
.mz-bub b.nm{display:block;font-family:var(--f-disp);font-size:.7rem;letter-spacing:.16em;color:var(--g700);margin-bottom:.2rem}
.mz-bub .acts{margin-top:.7rem;justify-content:space-between;align-items:center}
.mz-bub .btn{padding:.38rem .9rem;font-size:.8rem;border-color:var(--g600);color:var(--ink)}.mz-bub .btn-gold{color:var(--n950)}
.mz-bub .dots{font-size:.72rem;color:#7a7461}
.mz-spot{position:fixed;z-index:68;pointer-events:none;border-radius:16px;box-shadow:0 0 0 9999px rgba(3,8,20,.62),0 0 0 3px var(--g400),0 0 30px 6px rgba(224,198,130,.55);transition:all .6s cubic-bezier(.45,.05,.25,1);opacity:0}
.mz-spot.on{opacity:1}
.mz-zzz{position:absolute;inset-inline-end:8px;top:-8px;font-family:var(--f-disp);color:var(--g300);font-weight:700;opacity:0;pointer-events:none}
#mz.sleep .mz-zzz{animation:zzz 2.6s infinite}
@keyframes zzz{0%{opacity:0;transform:translate(0,14px) scale(.6)}30%{opacity:1}100%{opacity:0;transform:translate(10px,-22px) scale(1.2)}}
.mz-nudge{position:fixed;z-index:69;left:0;top:0;padding:.4rem .8rem;border-radius:14px;background:var(--ivory);color:var(--ink);border:2px solid var(--g500);font-size:.8rem;font-weight:600;animation:nudge 3s ease-in-out infinite;pointer-events:none;box-shadow:0 8px 24px -8px #000}
@keyframes nudge{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:900px){
.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.staff{grid-template-columns:1fr}.side{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:.4rem}.side::-webkit-scrollbar{display:none}.side button{white-space:nowrap}
.nav{display:none}.burger{display:grid}
.nav.open{display:flex;position:fixed;inset:62px 0 0 0;background:rgba(5,12,28,.98);flex-direction:column;padding:1.4rem;gap:.4rem;margin:0;z-index:45}.nav.open a{font-size:1.1rem;padding:.8rem 1rem}
.userchip span.nm{display:none}.userchip{padding:.25rem}
}
@media(max-width:640px){
.g2,.g3,.g4,.why,.row2,.choices{grid-template-columns:1fr}
.gate{padding-top:5rem}
.appcard{grid-template-columns:1fr}
.log{grid-template-columns:1fr}
.brand b{display:none}
.thread{flex-wrap:wrap}.thread .cnt{display:none}
.formcard{padding:1.4rem 1.1rem}
#mz{width:88px;height:104px}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
.parchment .body ul{padding-inline-start:1.4rem;margin-bottom:1rem;list-style:disc}.parchment .body li{margin-bottom:.25rem}
.parchment .body h3{font-family:var(--f-disp);margin:1.3rem 0 .5rem;color:var(--n850);font-size:1.15rem}
@media (max-width:560px){.team{grid-template-columns:1fr 1fr;gap:.7rem}.member{padding:1rem .6rem}.member .ring{width:62px;height:62px}.member .ring span{font-size:1.2rem}.member h3{font-size:.88rem}.member p{font-size:.78rem}}
.sysbar{position:sticky;top:0;z-index:80;background:#7a2430;color:#fff;text-align:center;padding:.55rem 1rem;font-size:.9rem;font-weight:600}