:root{color:#f4f8ff;font-synthesis:none;background:#071428;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #43f5a1}button{border:0}button:disabled{cursor:default}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;font-size:clamp(2rem,4.5vw,4.5rem);line-height:1.13}h1 span{color:#00e5ff}h2{letter-spacing:-.025em;font-size:1.6rem}.app{background:radial-gradient(at 80% 10%,#18336088,#0000 43%),radial-gradient(at 5% 70%,#321e5b33,#0000 40%);min-height:100vh}header{border-bottom:1px solid #ffffff13;align-items:center;gap:40px;max-width:1400px;margin:auto;padding:25px 5%;display:flex}.brand{text-align:left;letter-spacing:.08em;background:0 0;align-items:center;gap:12px;font-weight:850;line-height:1.2;display:flex}.brand-sub{letter-spacing:.26em;color:#00e5ff;margin-top:5px;font-size:10px;display:block}.logo{color:#071428;background:#00e5ff;border-radius:13px;place-items:center;width:43px;height:43px;font-size:30px;display:grid}nav{gap:7px;margin:auto;display:flex}nav button,.motion{color:#a6b7d1;background:0 0;border-radius:10px;padding:10px 14px;font-size:13px}nav .active{color:#00e5ff;background:#00e5ff12}.motion{border:1px solid #31465e;font-size:11px}main{max-width:1280px;min-height:70vh;margin:auto;padding:0 40px 60px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;min-height:570px;padding-top:30px;display:grid}.eyebrow{letter-spacing:.17em;color:#71daed;margin-bottom:20px;font-size:10px;font-weight:750;display:inline-block}.eyebrow i{background:#43f5a1;border-radius:100%;width:6px;height:6px;margin-right:8px;display:inline-block}.hero h1{margin-bottom:25px}.subtitle{letter-spacing:.2em;color:#c3d4ee;font-size:11px}.intro{color:#9bafcb;margin-bottom:30px;font-size:15px;line-height:1.9}.primary{color:#031221;letter-spacing:.04em;background:#00e5ff;border-radius:12px;padding:17px 22px;font-size:12px;font-weight:800;box-shadow:0 8px 35px #00e5ff22}.primary span{margin-left:25px}.tagline{letter-spacing:.17em;color:#8396b1;margin-top:25px;font-size:9px}.tagline b{color:#00e5ff;margin:0 10px}.panel{background:#12233c99;border:1px solid #ffffff15;border-radius:18px;padding:28px}.welcome{align-items:center;gap:20px;margin-bottom:56px;display:flex}.welcome p{color:#aebed7;margin:0;font-size:13px}.welcome b{color:#edf6ff}.arbi-mini{color:#00e5ff;text-align:center;background:#00e5ff10;border:1px solid #00e5ff33;border-radius:14px;flex-shrink:0;width:54px;height:54px;font-size:30px}.stage{color:#95a9c6;letter-spacing:.08em;white-space:nowrap;margin-left:auto;font-size:9px}.stage b{font-size:12px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{margin:0}.section-heading p{color:#92a6c2;margin:0;font-size:12px}.portal-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.portal{text-align:left;background:linear-gradient(160deg,#152b46,#0c1c32);border:1px solid #243c59;border-radius:18px;flex-direction:column;min-width:0;padding:20px;transition:transform .2s,border-color .2s;display:flex}.portal:hover{border-color:var(--accent);transform:translateY(-5px)}.portal-top{letter-spacing:.13em;color:#a0b4cd;justify-content:space-between;font-size:9px;display:flex}.portal-top span{color:var(--accent)}.portal-art{width:85px;height:85px;color:var(--accent);text-shadow:0 0 30px var(--accent);background:radial-gradient(circle,#ffffff0c,#0000);border:1px solid #ffffff0c;border-radius:22px;align-self:center;place-items:center;margin:16px 0;font-size:40px;display:grid}.arabic{color:#f4f8ff;text-align:right;min-height:42px;font-family:Tahoma,Arial,sans-serif;font-size:23px}.portal strong{margin:7px 0;font-size:13px}.theme{color:#92a6c2;font-size:10px}.progress-track{background:#ffffff10;border-radius:5px;height:3px;margin-top:24px;display:block}.portal-bottom{letter-spacing:.05em;color:#96aac6;justify-content:space-between;margin-top:10px;font-size:8px;display:flex}.robot-scene{isolation:isolate;background:radial-gradient(#00e5ff12,#0000 67%);place-items:center;min-height:440px;display:grid;position:relative}.orbit{border:1px solid #00e5ff25;border-radius:100%;width:350px;height:350px;position:absolute;transform:rotateX(60deg)rotate(-20deg);box-shadow:0 0 40px #00e5ff10}.orbit-b{border-style:dashed;width:420px;height:420px;transform:rotateX(55deg)rotate(40deg)}.robot{filter:drop-shadow(0 25px 45px #00e5ff25);width:220px;animation:4s ease-in-out infinite float;position:relative}.head{background:linear-gradient(135deg,#fff,#9ab9da);border-radius:47px;height:150px;padding:22px;position:relative;box-shadow:inset -8px -8px #597793}.visor{background:#071428;border-radius:28px;justify-content:space-evenly;align-items:center;height:79px;display:flex;box-shadow:inset 0 0 20px #00e5ff22}.visor i{background:#00e5ff;border-radius:12px;width:25px;height:32px;box-shadow:0 0 15px #00e5ff88}.smile{border-bottom:3px solid #326180;border-radius:50%;width:25px;height:10px;position:absolute;bottom:14px;left:98px}.antenna{background:#a4bfe3;width:5px;height:24px;margin:auto;position:relative}.antenna:before{content:"";background:#00e5ff;border-radius:50%;width:15px;height:15px;position:absolute;top:-9px;left:-5px;box-shadow:0 0 22px #00e5ff}.body{background:linear-gradient(130deg,#dfeeff,#7d9bbb);border-radius:25px 25px 45px 45px;place-items:center;width:130px;height:100px;margin:9px auto;display:grid}.body span{color:#00e5ff;text-align:center;background:#071428;border-radius:50%;width:52px;height:52px;font-size:35px}.hand{background:linear-gradient(#e5f2ff,#8ca9ca);border-radius:22px;width:33px;height:75px;position:absolute;bottom:35px}.hand.left{left:3px;transform:rotate(25deg)}.hand.right{right:3px;transform:rotate(-25deg)}.thruster{background:linear-gradient(#00e5ff70,#0000);border-radius:0 0 40px 40px;width:70px;height:35px;margin:-5px auto 0}.robot-tag{letter-spacing:.1em;background:#0a2234;border:1px solid #00e5ff33;border-radius:30px;padding:8px 18px;font-size:11px;position:absolute;bottom:5px}.robot-tag b{color:#43f5a1;margin-left:12px;font-size:8px}.section-title{padding:60px 0 35px}.section-title h1{font-size:40px}.section-title p,.info p,.empty p,.guide-grid p{color:#a6b9d2}.back{color:#00e5ff;background:0 0;margin-top:30px}.empty{text-align:center;max-width:760px;margin:auto}.empty-symbol{color:#00e5ff;font-size:50px}.pills{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pills span{background:#ffffff09;border-radius:20px;padding:7px 15px;font-size:12px}.info{max-width:750px;margin:70px auto}.info h1{font-size:38px}.guide-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.guide-grid h2{font-size:20px}.guide-grid p{font-size:14px}footer{color:#7891b2;letter-spacing:.06em;border-top:1px solid #ffffff13;flex-wrap:wrap;align-items:center;gap:25px;max-width:1280px;margin:auto;padding:25px 40px;font-size:9px;display:flex}footer button{color:#b2c9e4;background:0 0;margin-left:auto;font-size:11px}footer b{color:#00e5ff}.skip{color:#071428;z-index:10;background:#00e5ff;padding:10px;position:absolute;top:-80px;left:10px}.skip:focus{top:10px}@keyframes float{50%{transform:translateY(-15px)}}.still *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=1000px){header{flex-wrap:wrap;gap:15px}.motion{margin-left:auto}.portal-grid{grid-template-columns:repeat(3,1fr)}.robot-scene{transform:scale(.85)}.hero{min-height:490px}.hero h1{font-size:46px}}@media (width<=760px){header{padding:20px}nav{order:3;justify-content:space-between;width:100%}nav button{padding:9px;font-size:12px}.hero{grid-template-columns:1fr;gap:0;padding-top:40px}.hero h1{font-size:42px}.robot-scene{min-height:360px;margin-top:10px;margin-bottom:-20px;transform:scale(.8)}main{padding:0 20px 40px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{flex-direction:column;align-items:start}.welcome{gap:12px;padding:18px}.stage{display:none}.guide-grid{grid-template-columns:1fr}.section-title h1{font-size:32px}.portal{padding:15px}.arabic{font-size:21px}.portal strong{font-size:12px}footer{padding:25px 20px}.motion{padding:8px;font-size:9px}.orbit{max-width:95%}.orbit-b{max-width:100%}}@media (width<=360px){.portal-grid{grid-template-columns:1fr}.hero h1{font-size:36px}}.poster-viewer{background:#0b1b30;border:1px solid #00e5ff65;border-radius:18px;min-width:0;max-width:960px;margin:auto;padding:20px;box-shadow:0 0 35px #00e5ff12}.poster-viewer:fullscreen{border-radius:0;width:100%;max-width:none;height:100%;overflow:auto}.poster-viewer.expanded{max-width:none}.poster-toolbar,.poster-tools,.poster-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.poster-toolbar{margin-bottom:18px}.poster-toolbar strong{color:#00e5ff;font-size:13px}.poster-toolbar>span{font-size:12px}.poster-tools{margin-left:auto}.poster-tools button,.poster-actions button:not(.primary){background:#19344e;border:1px solid #375773;border-radius:9px;padding:10px 14px;font-size:12px}.poster-tools output{text-align:center;min-width:40px;font-size:12px}.poster-viewer button:disabled{opacity:.45;cursor:default}.poster-scroll{touch-action:pan-x pan-y;overscroll-behavior:contain;background:#06101f;border-radius:12px;max-height:min(80vh,850px);overflow:auto}.poster-size{max-width:none;margin:auto}.poster-crop{width:100%;position:relative;overflow:hidden}.poster-crop img{max-width:none;height:auto;display:block;position:absolute}.poster-actions{justify-content:center;margin-top:18px}.poster-message{color:#abc7df;text-align:center;margin:12px 0 0;font-size:12px}@media (width<=700px){.poster-viewer{padding:12px}.poster-tools{width:100%;margin-left:0}.poster-tools button,.poster-actions button{min-height:44px}.poster-scroll{max-height:680px}}.app:has(.quiz-panel){background:#101c30}.quiz-panel{--quiz-bg:#101c30;--quiz-panel:#17263d;--quiz-text:#fff;--quiz-secondary:#e2e8f0;--quiz-accent:#67e8f9;--quiz-option-bg:#1e3654;--quiz-option-border:#3b6286;--quiz-correct:#22c55e;--quiz-incorrect:#ef4444;--quiz-button-bg:#0891b2;background:var(--quiz-panel);min-width:0;max-width:850px;color:var(--quiz-text);border-color:var(--quiz-option-border);margin:auto}.quiz-panel h2,.quiz-panel h3,.quiz-panel .quiz-question,.quiz-panel .quiz-question span,.quiz-panel .quiz-arabic{color:var(--quiz-text);-webkit-text-fill-color:currentColor;text-shadow:none;opacity:1}.quiz-panel h2{font-size:25px}.quiz-panel p,.quiz-panel .quiz-summary,.quiz-panel .quiz-muted,.quiz-panel .quiz-name{color:var(--quiz-secondary)}.quiz-panel .eyebrow{color:var(--quiz-accent)}.quiz-panel .quiz-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.quiz-panel .quiz-top .eyebrow{margin:0}.quiz-panel .quiz-top>span:last-child{color:var(--quiz-secondary);font-size:14px}.quiz-panel .quiz-progress{background:#2c425f;border-radius:10px;height:6px;margin:18px 0 28px;overflow:hidden}.quiz-panel .quiz-progress>div{background:var(--quiz-accent);height:100%;transition:width .2s}.quiz-panel h2.quiz-question{letter-spacing:normal;overflow-wrap:break-word;margin-bottom:22px;font-size:24px;font-weight:600;line-height:1.5;overflow:visible}.quiz-panel .quiz-arabic{letter-spacing:normal;word-spacing:normal;white-space:normal;unicode-bidi:isolate;font-family:Noto Naskh Arabic,Amiri,Traditional Arabic,Tahoma,Arial,sans-serif;font-size:34px;font-weight:500;line-height:1.95;overflow:visible}.quiz-panel .quiz-prompt{text-align:center;margin:0 0 22px;padding:6px 0;font-size:36px}.quiz-panel .quiz-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.quiz-panel .quiz-option{text-align:left;background:var(--quiz-option-bg);min-width:0;min-height:84px;color:var(--quiz-text);border:2px solid var(--quiz-option-border);overflow-wrap:break-word;opacity:1;border-radius:15px;align-items:center;gap:15px;padding:16px;font-size:18px;line-height:1.6;transition:background .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:visible}.quiz-panel .quiz-option>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.quiz-panel .quiz-option span,.quiz-panel .quiz-option bdi{color:var(--quiz-text);-webkit-text-fill-color:currentColor;opacity:1;text-shadow:none}.quiz-panel .quiz-option:not(:disabled):hover{border-color:var(--quiz-accent);background:#284865;box-shadow:0 0 15px #67e8f92a}.quiz-panel .quiz-option.selected{border-color:var(--quiz-accent);box-shadow:inset 0 0 0 1px var(--quiz-accent);background:#24465f}.quiz-panel .quiz-option.selected:not(.correct):not(.incorrect):after{content:"●";color:var(--quiz-accent);flex-shrink:0;margin-left:auto}.quiz-panel .quiz-option.correct{border-color:var(--quiz-correct);box-shadow:none;background:#143c31}.quiz-panel .quiz-option.incorrect{border-color:var(--quiz-incorrect);box-shadow:none;background:#492832}.quiz-panel .quiz-option.incorrect:after{content:"✕";color:var(--quiz-text);flex-shrink:0;margin-left:auto;font-weight:700}.quiz-panel .quiz-option .option-id{background:var(--quiz-bg);width:32px;height:32px;color:var(--quiz-accent);border-radius:9px;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.quiz-panel .quiz-option .option-check{color:var(--quiz-text);margin-left:auto;font-weight:700}.quiz-panel .quiz-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.quiz-panel .primary{background:var(--quiz-button-bg);color:var(--quiz-text);-webkit-text-fill-color:currentColor;white-space:normal;overflow-wrap:anywhere;border:2px solid #0000;border-radius:12px;min-height:48px;padding:12px 20px;font-size:20px;font-weight:700;line-height:1.5;box-shadow:0 5px 25px #0891b225}.quiz-panel .quiz-secondary{background:var(--quiz-option-bg);min-height:48px;color:var(--quiz-text);-webkit-text-fill-color:currentColor;border:2px solid var(--quiz-option-border);white-space:normal;overflow-wrap:anywhere;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:600;line-height:1.5}.quiz-panel button:hover{filter:none}.quiz-panel .primary:not(:disabled):hover{border-color:var(--quiz-accent);background:#0e7490}.quiz-panel .quiz-secondary:not(:disabled):hover{border-color:var(--quiz-accent);background:#284865}.quiz-panel button:focus-visible,.quiz-panel input:focus-visible{outline:3px solid var(--quiz-accent);outline-offset:4px}.quiz-panel button:disabled{cursor:default;opacity:1;color:var(--quiz-text);-webkit-text-fill-color:currentColor}.quiz-panel .primary:disabled{color:var(--quiz-secondary);box-shadow:none;opacity:1;background:#334760;border-color:#637b94}.quiz-panel .quiz-feedback{min-height:35px;margin-top:18px;font-size:16px;line-height:1.7;overflow:visible}.quiz-panel .quiz-feedback.right{color:#86efac}.quiz-panel .quiz-feedback.wrong{color:#fecaca}.quiz-panel.quiz-result{text-align:center}.quiz-panel .quiz-score{color:var(--quiz-accent);font-size:70px;font-weight:800;line-height:1.4}.quiz-panel .quiz-score span{color:var(--quiz-secondary);font-size:24px}.quiz-panel .quiz-badge{color:var(--quiz-text);background:#30284d;border:1px solid #b59aff;border-radius:30px;margin-bottom:20px;padding:10px 20px;display:inline-block}.quiz-panel .quiz-muted{font-size:14px}.quiz-panel .quiz-name{max-width:380px;margin:20px 0;font-size:15px;display:block}.quiz-panel .quiz-name input{background:var(--quiz-bg);width:100%;color:var(--quiz-text);border:1px solid var(--quiz-option-border);font:inherit;border-radius:10px;margin-top:8px;padding:13px;font-size:16px;display:block}.quiz-panel .quiz-name input::placeholder{color:var(--quiz-secondary);opacity:1}.quiz-panel .quiz-summary{font-size:15px}.empty>.primary{margin:6px}@media (width<=600px){.quiz-panel{padding:18px}.quiz-panel .quiz-options{grid-template-columns:minmax(0,1fr)}.quiz-panel h2.quiz-question{font-size:20px;line-height:1.5}.quiz-panel .quiz-arabic{font-size:28px;line-height:1.95}.quiz-panel .quiz-prompt{font-size:30px}.quiz-panel .quiz-option{min-height:76px;padding:14px}.quiz-panel .quiz-top{flex-direction:column;align-items:start}.quiz-panel .quiz-actions>button{max-width:100%;min-height:48px}}