:root{color-scheme:dark;--bg:#09111d;--surface:#0f1b2c;--elev:#152337;--elev2:#1b2d42;--border:#293b4e;--fg:#ecf4fb;--muted:#a5b3c2;--gold:#e2b96e;--gold2:#f8dba0;--jade:#53d0ac;--red:#ef6b6a;--blue:#7eb8e9;--shade:0 15px 50px #0006}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:14px/1.7 'Almarai',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--fg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:inherit;text-decoration:none}::selection{background:var(--gold);color:#10131a}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh;max-width:1920px;margin:auto}.side{background:#0b1624;border-left:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 4px 22px;border-bottom:1px solid var(--border)}.brand img{width:44px;height:44px}.brand strong{display:block;font-weight:800;font-size:17px;line-height:1.5;white-space:nowrap;letter-spacing:-.6px}.brand strong span{color:var(--gold)}.brand small{color:var(--muted);font-size:10px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{background:transparent;border:1px solid transparent;color:var(--muted);padding:13px 14px;border-radius:12px;text-align:right;display:flex;align-items:center;gap:11px;font-weight:700;transition:.18s}.nav button .emoji{font-size:18px;width:22px;text-align:center}.nav button:hover,.nav button.active{background:var(--elev);color:var(--fg);border-color:var(--border)}.nav button.active{box-shadow:inset -3px 0 0 var(--gold)}.sidebar-tail{margin-top:auto;border:1px solid #39414a;background:linear-gradient(160deg,#1b2736,#132136);border-radius:16px;padding:16px}.sidebar-tail .accent{color:var(--gold)}.sidebar-tail p{font-size:12px;color:var(--muted);margin:7px 0}.sidebar-tail .mini{font-size:11px;color:var(--jade)}.main{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0c1826e8;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar .path{font-size:12px;color:var(--muted)}.topbar .path strong{font-weight:800;color:var(--fg)}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--border);background:var(--surface);color:var(--fg);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:700}.pill:hover{border-color:var(--gold)}.free-dot{width:7px;height:7px;display:inline-block;background:var(--jade);border-radius:100%;margin-inline-start:7px}.content{max-width:1450px;margin:auto;padding:32px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:23px;box-shadow:0 8px 28px #0001}.hero{background:radial-gradient(ellipse at 80% 100%,#21405280,transparent 53%),linear-gradient(115deg,#1b2a3b,#101b2b 70%);border:1px solid #304359;border-radius:24px;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:18px;padding:44px 44px 40px;min-height:290px;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;right:0;left:0;bottom:0;height:3px;background:linear-gradient(90deg,#111b2b,var(--gold),#bd433e,#111b2b)}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;gap:8px}.hero h1{font-size:clamp(26px,3vw,43px);line-height:1.5;margin:10px 0 4px;font-weight:800}.hero h1 em{color:var(--gold);font-style:normal}.hero p{max-width:670px;color:var(--muted);margin:0 0 22px;font-size:14px}.hero-art{width:210px;height:210px;border:1px solid #ffffff27;border-radius:100%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 40px #ccad6d1a,0 0 90px #e7b46312;position:relative}.hero-art::before,.hero-art::after{content:'';position:absolute;inset:15px;border:1px dashed #e9bd6552;border-radius:50%}.hero-art::after{inset:35px;border-style:solid;transform:rotate(35deg)}.hero-art img{width:115px;height:115px;z-index:1}.buttons{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:11px;padding:11px 17px;font-weight:800;background:var(--gold);color:#15202c;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn.ghost:hover{background:var(--elev)}.btn.slim{padding:7px 13px;min-height:33px;font-size:12px}.btn.red{background:#9b3946;color:white}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 14px}.section-heading h2{font-size:20px;margin:0;line-height:1.7}.muted{color:var(--muted)}.small{font-size:12px}.fine{font-size:11px;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.kpi{background:var(--surface);border:1px solid var(--border);padding:18px 20px;border-radius:16px}.kpi b{display:block;color:var(--gold);font-size:26px;line-height:1.5}.kpi span{font-size:12px;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature{min-height:188px;display:flex;flex-direction:column;gap:8px}.feature .ico{font-size:25px}.feature h3{font-size:16px;margin:0}.feature p{color:var(--muted);font-size:12px;margin:0;flex:1}.feature .more{color:var(--gold);font-weight:700;font-size:12px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:11px;color:var(--muted);border:1px solid var(--border);background:var(--elev);border-radius:7px;padding:5px 9px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.label{font-size:12px;font-weight:800}.input,.textarea,.select{border:1px solid var(--border);border-radius:11px;background:#0a1727;color:var(--fg);padding:12px 13px;width:100%;max-width:100%;font:13px/1.75 'Almarai',Tahoma,Arial,sans-serif}.textarea{min-height:145px;resize:vertical;direction:auto;text-align:start}.input:focus,.textarea:focus,.select:focus{border-color:var(--gold)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.tools-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:14px;align-items:start}.listpane{max-height:670px;overflow:auto}.tool-list{display:flex;flex-direction:column;gap:5px}.tool-item{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--fg);text-align:right;background:transparent;border:1px solid transparent;border-radius:10px}.tool-item:hover,.tool-item.active{background:var(--elev);border-color:var(--border)}.tool-item.active{border-color:#dfad6092}.tool-item small{display:block;color:var(--muted);font-size:10px}.categ{font-size:10px;color:var(--muted);padding:2px 6px;border:1px solid var(--border);border-radius:5px;white-space:nowrap}.results{background:#081422;border:1px solid var(--border);border-radius:11px;min-height:145px;padding:13px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:Consolas,monospace;font-size:12px;line-height:1.7;max-height:360px;overflow:auto;direction:ltr;text-align:left}.stack{display:flex;flex-direction:column;gap:13px}.notice{border:1px solid #4a503e;background:#222b24;padding:12px 14px;border-radius:11px;color:#dbe7d6;font-size:12px}.notice.warn{background:#2e2327;border-color:#61404b;color:#ffcbca}.notice.info{background:#172838;border-color:#33506c;color:#b9d7f4}.foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:11px;flex-wrap:wrap}.steps{display:grid;gap:10px}.step{display:flex;gap:13px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--elev)}.step .num{width:26px;height:26px;border:1px solid #8c764f;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-weight:800;flex-shrink:0}.step b{font-size:13px}.step p{margin:3px 0 0;color:var(--muted);font-size:12px}.academy-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:14px}.challenge-list{display:grid;gap:8px}.challenge{border:1px solid var(--border);border-radius:12px;text-align:right;padding:12px;background:var(--elev);color:var(--fg)}.challenge.active{border-color:var(--gold)}.challenge .level{font-size:10px;color:var(--gold)}.challenge strong{display:block;margin:4px 0;font-size:13px}.challenge small{color:var(--muted)}.mode-row{display:flex;gap:8px;flex-wrap:wrap}.mode{background:var(--elev);border:1px solid var(--border);border-radius:11px;padding:11px 14px;color:var(--fg);font-weight:800}.mode.active{border-color:var(--gold);color:var(--gold2);background:#2d2c29}.status{border-radius:8px;padding:8px 11px;background:var(--elev);border:1px solid var(--border);color:var(--muted);font-size:12px}.status.good{color:var(--jade);border-color:#2c6458}.status.bad{color:var(--red);border-color:#754349}.filebtn{display:inline-flex;align-items:center;gap:9px;cursor:pointer}.filebtn input{max-width:220px;font-size:11px;color:var(--muted)}.consent{display:flex;gap:9px;align-items:start;font-size:12px;color:var(--muted);cursor:pointer}.consent input{accent-color:var(--gold);margin-top:4px}.overlay{display:none}.hide{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1150px){.side{width:205px}.shell{grid-template-columns:205px minmax(0,1fr)}.content{padding:22px}.tools-layout{grid-template-columns:260px minmax(0,1fr)}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:790px){.shell{display:block}.side{position:static;height:auto;width:auto;padding:9px 14px;gap:7px;flex-direction:row;align-items:center;justify-content:space-between;border-left:0;border-bottom:1px solid var(--border)}.brand{border:0;padding:0}.brand img{width:36px;height:36px}.brand strong{font-size:13px}.brand small,.sidebar-tail{display:none}.nav{flex-direction:row;overflow:auto;max-width:67vw;gap:2px}.nav button{padding:8px 9px;white-space:nowrap;font-size:11px}.nav button span.emoji{width:auto}.topbar{position:static;height:auto;min-height:56px;padding:10px 14px}.content{padding:14px}.hero{padding:25px;grid-template-columns:1fr}.hero-art{display:none}.hero h1{font-size:29px}.grid-3,.grid-2,.workspace,.academy-layout,.tools-layout{grid-template-columns:1fr}.listpane{max-height:320px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{padding:11px}.kpi b{font-size:20px}.panel{padding:17px}}
@media(max-width:450px){.side{align-items:start;flex-direction:column}.nav{max-width:100%;width:100%;justify-content:space-between}.nav button{font-size:10px;padding:7px 6px}.nav button .emoji{font-size:14px}.brand{padding:0}.hero h1{font-size:26px}.hero{padding:20px}.topbar{align-items:start;flex-direction:column;gap:8px}.content{padding:10px}.kpis{gap:7px}.kpi span{font-size:10px}.feature{min-height:158px}.tool-item{padding:9px}}