@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg: #000000;--bg-elevated: #070707;--surface: rgba(255, 255, 255, .05);--surface-strong: rgba(255, 255, 255, .09);--surface-hover: rgba(255, 255, 255, .09);--text: #f0f0f0;--text-muted: #8a9aaa;--border: rgba(30, 127, 212, .2);--border-strong: #367cee;--accent: #367cee;--accent-strong: #5b99ff;--accent-soft: rgba(30, 127, 212, .15);--accent-2: #00d4aa;--accent-3: #f5a623;--warning: #f5a623;--danger: #ff5f68;--radius-sm: 8px;--radius-md: 8px;--radius-lg: 8px;--shadow: 0 12px 48px rgba(0, 0, 0, .38);--ease-out: cubic-bezier(.23, 1, .32, 1);font-family:Tajawal,system-ui,sans-serif}:root[data-theme=light]{color-scheme:light;--bg: #f4f8ff;--bg-elevated: #ffffff;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .96);--surface-hover: rgba(54, 124, 238, .08);--text: #111b2d;--text-muted: #64718a;--border: rgba(48, 84, 140, .16);--border-strong: rgba(54, 124, 238, .56);--accent-soft: rgba(54, 124, 238, .1);--shadow: 0 16px 46px rgba(40, 70, 120, .12)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.arsenal-backdrop{position:fixed;z-index:-2;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 70% 46% at 12% 4%,rgba(54,124,238,.28),transparent 70%),radial-gradient(ellipse 58% 42% at 92% 18%,rgba(0,212,170,.18),transparent 70%),radial-gradient(ellipse 55% 42% at 52% 100%,rgba(24,100,180,.16),transparent 70%)}.arsenal-backdrop:after{content:"";position:absolute;inset:0;opacity:.58;background:linear-gradient(180deg,transparent,var(--bg) 88%)}.arsenal-shell{width:min(100% - 28px,1120px);margin:0 auto;padding:92px 0 52px}.arsenal-card{border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;box-shadow:var(--shadow),inset 0 1px #ffffff14;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%)}.arsenal-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-weight:800;transition:transform .16s var(--ease-out),filter .16s var(--ease-out),background .16s var(--ease-out)}.arsenal-button:hover{filter:brightness(1.08)}.arsenal-button:active{transform:scale(.97)}.arsenal-button--ghost{border-color:var(--border);background:var(--surface);color:var(--text)}.arsenal-button--ghost:hover{background:var(--surface-hover);border-color:var(--border-strong)}.arsenal-input,.arsenal-textarea,.arsenal-select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:#00000024;color:var(--text);outline:none;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.arsenal-input,.arsenal-select{min-height:46px;padding:10px 13px}.arsenal-textarea{min-height:150px;padding:13px;resize:vertical}.arsenal-input:focus,.arsenal-textarea:focus,.arsenal-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.arsenal-muted{color:var(--text-muted)}.arsenal-status{min-height:22px;margin:12px 0 0;color:var(--text-muted);font-size:.92rem}.arsenal-status[data-kind=error]{color:#ff8f96}.arsenal-status[data-kind=success]{color:var(--accent-2)}@media(max-width:680px){.arsenal-shell{width:min(100% - 22px,1120px);padding-top:82px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#app{position:relative;min-height:100vh;isolation:isolate}#app .arsenal-backdrop{z-index:-1}#app .arsenal-backdrop{overflow:hidden;background:#000}.arsenal-reference-orbs{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;pointer-events:none}#app .arsenal-backdrop:after{z-index:1;opacity:1;background:radial-gradient(ellipse at 50% 0%,#0000001f,#00000042 42%,#000000ad)}:root[data-theme=light] #app .arsenal-backdrop{background:#f7f7fc}:root[data-theme=light] #app .arsenal-backdrop:after{background:radial-gradient(ellipse at 50% 0%,transparent 40%,rgba(240,240,248,.55) 100%)}:root[data-theme=light] .arsenal-card,:root[data-theme=light] .tool-workspace [class*=-card],:root[data-theme=light] .tool-workspace [class*=-panel],:root[data-theme=light] .tool-workspace [class*=-section],:root[data-theme=light] .tool-workspace [class*=-drop],:root[data-theme=light] .tool-workspace [class*=-zone]{background:#ffffffd6!important;box-shadow:0 10px 28px #28467814,inset 0 1px #ffffffeb}:root[data-theme=light] .tool-workspace [class*=-card],:root[data-theme=light] .tool-workspace [class*=-panel],:root[data-theme=light] .tool-workspace [class*=-section],:root[data-theme=light] .tool-workspace [class*=-drop],:root[data-theme=light] .tool-workspace [class*=-zone]{color:var(--text)}:root[data-theme=light] .tool-workspace input:not([type=range]):not([type=checkbox]),:root[data-theme=light] .tool-workspace textarea,:root[data-theme=light] .tool-workspace select,:root[data-theme=light] .arsenal-input,:root[data-theme=light] .arsenal-textarea{background:#fffffff0;color:var(--text)}:root[data-theme=light] .arsenal-select__button{background:#fffffff0}:root[data-theme=light] .arsenal-select__menu{background:var(--bg-elevated);box-shadow:0 18px 38px #2846782e}:root[data-theme=light] .arsenal-select__option.is-selected{background:var(--accent-soft)}:root[data-theme=light] .arsenal-backdrop:after{background:linear-gradient(180deg,#f7f9ff14,#f2f6ffb8 92%)}.arsenal-shell input[type=range]{direction:ltr;touch-action:pan-y}.guide-workspace{min-height:calc(100vh - 138px)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.arsenal-guide{width:min(100%,1040px);margin:0 auto;padding:clamp(30px,6vw,66px) 0 56px}.arsenal-guide__hero{max-width:690px;margin:0 auto 35px;text-align:center}.arsenal-guide__eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:6px 11px;border:1px solid rgba(54,124,238,.26);border-radius:999px;color:var(--accent);background:#367cee12;font-size:.72rem;font-weight:850}.arsenal-guide__eyebrow svg{width:15px;height:15px}.arsenal-guide__hero h1{margin:0;color:var(--text);font-size:clamp(2rem,5.4vw,3.35rem);font-weight:900;letter-spacing:-.035em;line-height:1.2}.arsenal-guide__hero p{max-width:600px;margin:15px auto 0;color:var(--text-muted);font-size:clamp(.89rem,2.1vw,1rem);line-height:1.9}.arsenal-guide__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.guide-tool-card{position:relative;display:flex;min-height:236px;flex-direction:column;overflow:hidden;padding:16px;border:1px solid var(--border);border-radius:12px;color:inherit;background:#080a0fcc;box-shadow:inset 0 1px #ffffff06;text-decoration:none;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background .18s var(--ease-out)}.guide-tool-card:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:var(--tool-accent);opacity:.72}.guide-tool-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tool-accent) 58%,var(--border));background:#0d121ced}.guide-tool-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-tool-card__icon{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--tool-accent) 25%,transparent);border-radius:10px;color:var(--tool-accent);background:color-mix(in srgb,var(--tool-accent) 10%,transparent)}.guide-tool-card__icon svg{width:21px;height:21px}.guide-tool-card__category{color:var(--text-muted);font-size:.65rem;font-weight:850}.guide-tool-card h2{margin:15px 0 6px;color:var(--text);font-size:1rem;font-weight:850}.guide-tool-card__description{min-height:46px;margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.65}.guide-tool-card__facts{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px}.guide-tool-card__facts span{padding:4px 7px;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);background:#ffffff06;font-size:.64rem;font-weight:750}.guide-tool-card__step{margin:0;color:var(--text-muted);font-size:.7rem;line-height:1.55}.guide-tool-card__step b{color:var(--text);font-weight:850}.guide-tool-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:13px;border-top:1px solid var(--border);color:var(--tool-accent);font-size:.76rem;font-weight:850}.guide-tool-card__footer svg{width:16px;height:16px;transition:transform .16s var(--ease-out)}.guide-tool-card:hover .guide-tool-card__footer svg{transform:translate(-3px)}.arsenal-guide__footer{margin-top:27px;padding-top:15px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.72rem;text-align:center}.arsenal-guide__footer b{color:var(--accent-2)}@media(max-width:900px){.arsenal-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.arsenal-guide{padding-top:28px}.arsenal-guide__grid{grid-template-columns:1fr;gap:10px}.guide-tool-card{min-height:0;padding:15px}.guide-tool-card__description{min-height:0}.arsenal-guide__hero{margin-bottom:27px}.arsenal-guide__hero h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){.guide-tool-card,.guide-tool-card__footer svg{transition:none}}.arsenal-guide__grid{gap:22px}.guide-tool-card{min-height:248px;padding:19px;border-color:var(--border);border-radius:16px;background:#0a0d12;box-shadow:0 10px 28px #0000002e,inset 0 1px #ffffff09;isolation:isolate;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),box-shadow .18s var(--ease-out),background .18s var(--ease-out)}.guide-tool-card:before{z-index:-1;width:4px;opacity:.92}.guide-tool-card:after{position:absolute;z-index:-2;top:-78px;inset-inline-start:-62px;width:215px;height:215px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tool-accent),transparent 87%) 0%,transparent 68%);content:"";pointer-events:none}.guide-tool-card:hover,.guide-tool-card:focus-visible{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tool-accent),var(--border) 42%);background:#0c1118;box-shadow:0 15px 34px color-mix(in srgb,var(--tool-accent),transparent 89%),inset 0 1px #ffffff0d;outline:0}.guide-tool-card:active{transform:scale(.985)}.guide-tool-card__top{min-height:45px}.guide-tool-card__icon{width:45px;height:45px;border-radius:12px;border-color:color-mix(in srgb,var(--tool-accent),transparent 62%);background:color-mix(in srgb,var(--tool-accent),transparent 90%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tool-accent),transparent 92%)}.guide-tool-card__icon svg{width:23px;height:23px;stroke-width:2.2}.guide-tool-card__category{align-self:flex-start;margin-top:4px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--tool-accent),transparent 88%);border-radius:999px;color:var(--text-muted);background:#ffffff05;font-size:.64rem;line-height:1}.guide-tool-card__content{display:grid;align-content:start;gap:0;min-width:0}.guide-tool-card h2{margin:18px 0 7px;font-size:1.08rem;line-height:1.35;letter-spacing:-.015em}.guide-tool-card__description{min-height:0;margin:0;font-size:.79rem;line-height:1.75}.guide-tool-card__facts{gap:7px;margin:15px 0 12px}.guide-tool-card__facts span{padding:5px 8px;border-color:color-mix(in srgb,var(--tool-accent),transparent 85%);border-radius:6px;background:#ffffff06;font-size:.63rem}.guide-tool-card__step{min-height:36px;font-size:.72rem;line-height:1.65}.guide-tool-card__footer{min-height:38px;margin-top:15px;padding-top:12px;border-top-color:color-mix(in srgb,var(--tool-accent),transparent 84%);color:var(--tool-accent);font-size:.8rem}.guide-tool-card__arrow{width:18px;height:18px;transition:transform .17s var(--ease-out)}.guide-tool-card:hover .guide-tool-card__arrow,.guide-tool-card:focus-visible .guide-tool-card__arrow{transform:translate(-4px)}:root[data-theme=light] .guide-tool-card{background:#fff;box-shadow:0 10px 28px #28467814,inset 0 1px #ffffffeb}:root[data-theme=light] .guide-tool-card:hover,:root[data-theme=light] .guide-tool-card:focus-visible{background:#fff;box-shadow:0 15px 34px color-mix(in srgb,var(--tool-accent),transparent 86%)}@media(max-width:900px){.arsenal-guide__grid{gap:18px}}:root[dir=ltr] .guide-tool-card__arrow{transform:rotate(180deg)}:root[dir=ltr] .guide-tool-card:hover .guide-tool-card__arrow,:root[dir=ltr] .guide-tool-card:focus-visible .guide-tool-card__arrow{transform:rotate(180deg) translate(-4px)}@media(max-width:570px){.arsenal-guide{padding-top:24px}.arsenal-guide__grid{gap:17px}.guide-tool-card{min-height:0;padding:17px 16px;border-radius:14px}.guide-tool-card__top{min-height:42px}.guide-tool-card__icon{width:42px;height:42px}.guide-tool-card h2{margin-top:15px;font-size:1.02rem}.guide-tool-card__description{font-size:.77rem}.guide-tool-card__facts{margin:13px 0 10px}.guide-tool-card__step{min-height:0;font-size:.7rem}.guide-tool-card__footer{min-height:35px;margin-top:13px;padding-top:10px}}