:root{color-scheme:dark;--ui-bg:#0c111b;--ui-surface:#121a27;--ui-raised:#192435;--ui-text:#edf3fb;--ui-muted:#9baabe;--ui-line:rgba(154,174,199,.16);--ui-accent:#39c6b2;--ui-accent-2:#74dfc8;--ui-accent-dark:#087d73;--ui-shadow:0 14px 40px rgba(3,10,20,.2)}
html:not(.dark){color-scheme:light;--ui-bg:#f4f7fa;--ui-surface:#fff;--ui-raised:#edf2f6;--ui-text:#182432;--ui-muted:#607184;--ui-line:rgba(37,57,78,.13);--ui-accent:#087d73;--ui-accent-2:#0b9c8d;--ui-shadow:0 14px 40px rgba(21,50,70,.08)}
html,body{background:var(--ui-bg)!important;color:var(--ui-text)!important;width:100%;min-height:100%;font-family:Tahoma,"Noto Sans Arabic",system-ui,sans-serif;overscroll-behavior-y:contain}
body{max-width:100%;overflow-x:hidden;line-height:1.65;transition:background-color .2s,color .2s}
body.bg-surface,main.bg-surface,main[class*="bg-surface"]{background-color:var(--ui-bg)!important;color:var(--ui-text)!important}
[class~="bg-surface-container"],[class~="bg-surface-container-low"],[class~="bg-surface-container-lowest"],[class~="bg-surface-container-high"],[class~="bg-surface-container-highest"],[class~="bg-surface-variant"]{background-color:var(--ui-surface)!important}
[class~="text-on-surface"]{color:var(--ui-text)!important}[class~="text-on-surface-variant"]{color:var(--ui-muted)!important}
[class~="bg-primary"]{background-color:var(--ui-accent)!important}[class~="text-primary"]{color:var(--ui-accent)!important}
body:has(main) main{width:min(100%,1120px)!important;margin-inline:auto!important;padding-inline:clamp(16px,3vw,32px)!important;padding-bottom:max(7rem,env(safe-area-inset-bottom))!important}
body:has(header) header{background:color-mix(in srgb,var(--ui-bg) 90%,transparent)!important;border-bottom:1px solid var(--ui-line);backdrop-filter:blur(18px);box-shadow:0 4px 24px rgba(10,30,48,.05)!important}
body:has(header) header>div{width:min(100%,1160px);margin-inline:auto}
body:has(main) main section{margin-block:1.25rem}
body:has(main) main [class*="rounded-xl"],body:has(main) main [class*="rounded-2xl"]{border:1px solid var(--ui-line);box-shadow:var(--ui-shadow)}
body:has(main) main input:not([type=checkbox]):not([type=radio]),body:has(main) main select,body:has(main) main textarea{border:1px solid var(--ui-line)!important;border-radius:12px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;min-height:42px}
body:has(main) main button,body:has(main) main a{transition:transform .16s ease,filter .16s ease,background-color .16s ease}
body:has(main) main button:hover,body:has(main) main a:hover{filter:brightness(1.06)}
body:has(main) main [class*="from-primary-container"][class*="to-secondary-container"]{background-image:linear-gradient(110deg,var(--ui-accent),var(--ui-accent-dark))!important;color:#fff!important}
body:has(main) main button:active{transform:scale(.985)}
img{max-width:100%}button,a,input,select,textarea{font:inherit}a{color:inherit} :focus-visible{outline:3px solid color-mix(in srgb,var(--ui-accent) 65%,white);outline-offset:2px}
.platform-tools{position:fixed;z-index:10000;inset-block-start:max(12px,env(safe-area-inset-top));inset-inline-end:12px;display:flex;gap:6px;padding:5px;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}.platform-tools button{min-width:40px;height:36px;border:0;border-radius:999px;background:var(--ui-raised);color:var(--ui-text);font-weight:700;cursor:pointer;padding-inline:10px}.platform-tools button:hover{background:var(--ui-accent);color:white}
body:has(.admin-nav) .admin-nav{position:fixed!important;z-index:9998!important;inset-block-start:64px!important;inset-inline-start:14px!important;bottom:auto!important;left:auto!important;right:auto!important}
body:has(.admin-nav) .admin-nav>summary{list-style:none!important;display:flex!important;align-items:center;gap:8px;width:auto!important;height:42px!important;padding:0 14px!important;border:1px solid var(--ui-line);border-radius:12px!important;background:var(--ui-surface)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important;font-size:13px!important}
body:has(.admin-nav) .admin-nav>summary::-webkit-details-marker{display:none}
body:has(.admin-nav) .admin-nav>div{margin-top:8px!important;width:min(280px,calc(100vw - 28px))!important;max-height:calc(100dvh - 130px);overflow:auto;border:1px solid var(--ui-line)!important;border-radius:16px!important;background:var(--ui-surface)!important;backdrop-filter:blur(20px)}
body:has(.admin-nav) .admin-nav>div a{color:var(--ui-text)!important;padding:11px 14px!important;border-color:var(--ui-line)!important;font-size:13px!important}body:has(.admin-nav) .admin-nav>div a:hover{background:color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface))!important}
.admin-nav .nav-group+.nav-group{border-top:1px solid var(--ui-line)}.admin-nav .nav-group-title{padding:12px 14px 4px;color:var(--ui-accent);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
body:has(.admin-nav) main{padding-top:7.25rem!important}
.hero-code-cover{display:grid;place-items:center;position:absolute;inset:0;overflow:hidden;background:linear-gradient(125deg,#0c1d29,#0d4d4a 52%,#91d7bd);color:white}
.hero-code-cover.hero-slide{inset:0;width:100%;height:100%;transition:opacity .7s ease}
.hero-code-cover.hero-slide.active{opacity:1}
.hero-code-cover:before,.hero-code-cover:after{content:"";position:absolute;width:38vw;max-width:430px;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:36%;transform:rotate(28deg)}.hero-code-cover:after{width:27vw;max-width:320px;transform:rotate(63deg);border-color:rgba(255,255,255,.28)}
.hero-code-cover .code-card{position:relative;z-index:1;width:min(76%,620px);padding:clamp(18px,5vw,42px);border:1px solid rgba(255,255,255,.32);border-radius:24px;background:rgba(7,23,34,.33);backdrop-filter:blur(10px);box-shadow:0 18px 55px rgba(0,0,0,.18);direction:ltr;text-align:left;font:500 clamp(12px,2vw,18px)/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.hero-code-cover .code-card b{color:#a4ffdf}.hero-code-cover .code-card i{color:#ffe58a;font-style:normal}.hero-code-cover .code-brand{position:absolute;z-index:2;inset-block-end:12%;inset-inline-start:8%;font-size:clamp(12px,2vw,20px);font-weight:800;letter-spacing:.18em;color:#fff}
.hero-code-cover.cover-2{background:linear-gradient(125deg,#151b38,#42438b 50%,#b0a5ff)}.hero-code-cover.cover-3{background:linear-gradient(125deg,#3b182b,#a04158 50%,#f3b6a1)}.hero-code-cover.cover-4{background:linear-gradient(125deg,#182922,#45734d 50%,#bee28e)}
@media(min-width:900px){body:has(main) main{padding-top:5.5rem!important}body:has(.admin-nav) main{padding-top:6.5rem!important}}
@media(max-width:600px){.platform-tools{inset-block-start:auto;inset-block-end:max(10px,env(safe-area-inset-bottom));inset-inline-end:10px}.platform-tools button{height:40px}.hero-code-cover .code-card{width:80%;padding:16px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}