@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Noto+Kufi+Arabic:wght@500;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070807;--panel:#111413d6;--text:#f8f4e8;--muted:#c8c0ae;--line:#ffffff21;--blue:#70d9ff;--orange:#ffb35f;--red:#ff7d7d;--green:#9df0c2;--shadow:0 24px 70px #0000005c;--radius:22px;font-family:IBM Plex Sans Arabic,Noto Kufi Arabic,Tahoma,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);direction:rtl;background:radial-gradient(circle at 10% 12%,#70d9ff33,#0000 26rem),radial-gradient(circle at 86% 20%,#ffb35f24,#0000 30rem),linear-gradient(135deg,#060706,#121512 52%,#070807);margin:0}body:before{content:"";pointer-events:none;opacity:.2;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:68px 68px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 84%);mask-image:radial-gradient(circle,#000,#0000 84%)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-family:Noto Kufi Arabic,IBM Plex Sans Arabic,sans-serif;line-height:1.28}h1{font-size:clamp(2.2rem,6vw,5.2rem)}h2{font-size:clamp(1.2rem,2.4vw,1.8rem)}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{border-bottom:1px solid var(--line);text-align:right;vertical-align:top;padding:12px 8px}th{color:var(--orange)}.site-shell{z-index:1;width:min(1180px,100% - 32px);margin:0 auto;padding:22px 0 56px;position:relative}.projector-shell{width:min(1480px,100% - 40px);min-height:100vh}.topbar,.home-hero-copy,.home-qr-card,.home-intro-section,.home-pillar,.activity-tile,.panel,.question-card,.job-card,.vote-round,.dash-card,.metric,.result-main,.score-card,.mindset-card,.projector-join,.applicant-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{z-index:10;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex;position:sticky;top:14px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--blue), var(--orange));color:#080a08;direction:ltr;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px;font-size:.78rem}.nav-links{flex-wrap:wrap;gap:4px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:10px 12px}.nav-links a:hover{color:var(--text);background:#ffffff14}.trainer-link{opacity:.72}.home-hero{grid-template-columns:minmax(0,1fr) minmax(310px,.42fr);align-items:stretch;gap:18px;min-height:660px;padding:42px 0 20px;display:grid}.home-hero-copy{background:radial-gradient(circle at 16% 15%,#70d9ff29,#0000 24rem),radial-gradient(circle at 85% 80%,#ffb35f24,#0000 24rem),#121514d1;align-content:center;padding:clamp(30px,6vw,68px);display:grid;position:relative;overflow:hidden}.home-hero-copy:after{content:"JOB MAP";color:#ffffff0b;direction:ltr;font:900 clamp(4rem,12vw,10rem)/1 Noto Kufi Arabic;position:absolute;bottom:-18px;left:28px}.home-hero-copy>*{z-index:1;position:relative}.signal-line{color:var(--orange);direction:inherit;margin:0 0 12px;font-weight:800}.lead{color:#eee7d8;max-width:880px;font-size:clamp(1.05rem,2vw,1.38rem);line-height:1.9}.muted-copy{color:var(--muted);line-height:1.85}.home-power-line,.session-bridge{color:#fff9ec;background:#70d9ff13;border:1px solid #70d9ff3d;border-radius:18px;padding:16px 18px;font-weight:800;line-height:1.8}.home-note{color:var(--muted);margin-top:8px}.home-qr-card{text-align:center;align-content:center;place-items:center;gap:16px;padding:24px;display:grid}.room-label{color:var(--orange);background:#ffffff14;border-radius:999px;padding:8px 12px;font-weight:800}.qr-image{aspect-ratio:1;background:#fffaf0;border-radius:20px;width:min(250px,76vw);padding:12px}.qr-image.large{width:min(430px,82vw)}.home-qr-card p,.home-qr-card a{color:var(--muted);overflow-wrap:anywhere;line-height:1.8}.home-qr-card a,.projector-join a{color:var(--green);direction:ltr;font-weight:800}.hero-actions,.choice-bar,.round-actions,.admin-actions,.display-tabs,.display-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.primary,.secondary,.ghost,.choice-button,.display-tabs button,.decoder-list button,.candidate-grid button{border-radius:999px;min-height:48px;padding:13px 20px;transition:all .18s}.primary,.choice-button.selected,.display-tabs button.selected,.decoder-list button.selected,.candidate-grid button.selected{color:#080a08;background:linear-gradient(135deg, var(--blue), var(--orange));font-weight:800;box-shadow:0 16px 34px #70d9ff29}.secondary,.ghost,.choice-button,.display-tabs button,.decoder-list button,.candidate-grid button{color:var(--text);border:1px solid var(--line);background:#ffffff14}.ghost{color:var(--muted)}.full{width:100%}.home-intro-section{margin:18px 0;padding:clamp(24px,4vw,42px)}.home-intro-section p{text-align:center;color:#eee7d8;max-width:980px;margin:auto;font-size:clamp(1.1rem,2vw,1.4rem);line-height:2}.home-section{padding:34px 0 0}.home-section-title{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.home-section-title span,.activity-tile span,.job-card small{color:var(--orange);direction:ltr;font-weight:800}.home-pillar-grid,.activity-rail,.job-grid,.round-list{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px;display:grid}.home-pillar,.activity-tile,.job-card,.vote-round{align-content:start;gap:12px;padding:22px;display:grid}.home-pillar span{color:var(--blue);direction:ltr;font-weight:800}.home-pillar p,.activity-tile p,.job-card p,.vote-round p{color:var(--muted);margin:0;line-height:1.75}.home-flow-section{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:36px 0;padding:16px;display:grid}.home-flow-section article{text-align:center;background:#ffffff0b;border-radius:18px;place-items:center;min-height:115px;padding:14px;display:grid}.home-flow-section span{color:#080a08;background:linear-gradient(135deg,var(--blue),var(--orange));direction:ltr;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.home-flow-section p{margin:8px 0 0;font-weight:800}.home-footer{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#ffffff0b;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;padding:18px 22px;display:flex}.trainer-tools{flex-wrap:wrap;gap:10px;display:flex}.panel{margin:64px auto 0;padding:clamp(24px,4vw,44px)}.join-panel{max-width:720px}.form{gap:16px;margin-top:24px;display:grid}.form label{color:var(--muted);gap:8px;font-weight:800;display:grid}input,textarea,select{width:100%;color:var(--text);border:1px solid var(--line);background:#030505b8;border-radius:16px;padding:15px 16px}textarea{text-align:right;resize:vertical;direction:rtl;min-height:360px;font-size:1rem;line-height:1.9}.toast{z-index:20;color:#211407;background:#ffe0b3;border-radius:16px;max-width:760px;margin:18px auto;padding:14px 18px;font-weight:800;position:sticky;top:90px}.activity-head{justify-content:space-between;align-items:end;gap:16px;padding:52px 0 20px;display:flex}.progress-pill{min-width:92px;color:var(--blue);text-align:center;direction:ltr;background:#70d9ff14;border:1px solid #70d9ff47;border-radius:999px;padding:13px 18px;font-weight:900}.job-summary{border:1px solid var(--line);background:#ffffff0b;border-radius:18px;margin-bottom:18px;padding:18px}.job-summary small,.job-meta b{color:var(--orange);font-weight:800}.job-card.rich{min-height:430px}.job-meta{background:#70d9ff0e;border:1px solid #70d9ff29;border-radius:16px;gap:6px;padding:14px;display:grid}.job-meta span{color:var(--muted);line-height:1.7}.lens-question-list{gap:16px;display:grid}.lens-question-list section{border-top:1px solid var(--line);padding-top:14px}.question-card{max-width:940px;margin-inline:auto;padding:clamp(20px,3vw,30px)}.question-card.wide-card{max-width:1120px}.decoder-card{max-width:none}.split-notes{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px;display:grid}.split-notes section{border:1px solid var(--line);background:#ffffff0b;border-radius:16px;padding:14px}.split-notes ul{color:var(--muted);margin:8px 0 0;padding-inline-start:22px;line-height:1.8}.split-notes span{color:var(--orange);font-weight:800}.lens-option-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:10px;display:grid}.lens-option{text-align:right;min-height:112px;color:var(--text);border:1px solid var(--line);background:#fff1;border-radius:18px;align-content:start;gap:8px;padding:16px;display:grid}.lens-option.selected{color:#080a08;background:linear-gradient(135deg, var(--blue), var(--orange));font-weight:800}.lens-option small{color:inherit;opacity:.82;font-weight:600;line-height:1.7}.decoder-layout{grid-template-columns:280px 1fr;gap:16px;display:grid}.decoder-list{align-content:start;gap:8px;display:grid}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.candidate-grid button{text-align:right;border-radius:18px;gap:10px;line-height:1.7;display:grid}.candidate-grid span{color:inherit}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.scenario-card{min-height:310px}.applicant-list{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;display:grid}.applicant-card{border-radius:18px;align-content:start;gap:14px;padding:18px;display:grid}.applicant-card.selected{outline:2px solid var(--blue);background:#70d9ff14}.applicant-head{gap:8px;display:grid}.applicant-head span{width:44px;height:44px;color:var(--orange);direction:ltr;background:#ffb35f29;border-radius:50%;place-items:center;font-weight:900;display:grid}.applicant-sections{gap:10px;display:grid}.applicant-sections section{border:1px solid var(--line);background:#ffffff0b;border-radius:14px;padding:12px}.applicant-sections b,.concern b,.interview-q b{color:var(--orange)}.applicant-sections p,.concern,.interview-q{color:var(--muted);margin:0;line-height:1.8}.chip-list{flex-wrap:wrap;gap:8px;display:flex}.chip-list span{color:var(--green);background:#9df0c21a;border:1px solid #9df0c22e;border-radius:999px;padding:7px 10px;font-size:.9rem}.reason-box{color:var(--muted);gap:8px;margin-top:16px;font-weight:800;display:grid}.result-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);gap:16px;padding-top:54px;display:grid}.result-main,.score-card{padding:clamp(24px,4vw,42px)}.result-grid,.map-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:22px 0;display:grid}.result-grid section{border:1px solid var(--line);background:#ffffff0e;border-radius:18px;padding:18px}.result-grid span,.score-card span{color:var(--orange);font-weight:800}.result-grid p,.score-card p{color:var(--muted);line-height:1.8}.score-card strong{color:var(--blue);direction:ltr;margin:12px 0;font-size:clamp(2.4rem,6vw,5rem);display:block}.dash-card{padding:22px;overflow:hidden}.dash-card.wide{grid-column:1/-1}.dash-card ul{color:var(--muted);line-height:1.9}.metric{padding:20px}.metric span{color:var(--muted);margin-bottom:8px;display:block}.metric strong{direction:ltr;font-size:clamp(1.6rem,3vw,2.6rem)}.admin-layout{gap:16px;padding-top:46px;display:grid}.admin-title{justify-content:space-between;align-items:end;gap:12px;display:flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mini-bar{grid-template-columns:1fr 2fr auto;align-items:center;gap:10px;margin:12px 0;display:grid}.mini-bar span{color:var(--muted)}.mini-bar div{background:#ffffff1a;border-radius:999px;height:10px;overflow:hidden}.mini-bar i{background:linear-gradient(90deg,var(--blue),var(--orange));border-radius:inherit;height:100%;display:block}.display-title{text-align:center;margin:22px 0}.display-title span{color:var(--orange);direction:ltr;font-weight:800}.display-title h1{font-size:clamp(2.4rem,6vw,5.5rem)}.display-tabs,.display-controls{justify-content:center;margin-bottom:18px}.projector-join{grid-template-columns:minmax(280px,.46fr) 1fr;align-items:center;gap:34px;min-height:560px;padding:clamp(28px,5vw,64px);display:grid}.projector-join strong{color:var(--blue);font-size:clamp(6rem,13vw,13rem);line-height:1;display:block}.projector-join span{color:var(--muted);margin:16px 0;font-size:clamp(1.4rem,3vw,2.4rem);display:block}.projector-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mindset-card{align-content:center;gap:10px;min-height:190px;padding:26px;display:grid}.mindset-card span{color:var(--orange);direction:ltr;font-size:2rem;font-weight:800}.mindset-card p{color:var(--muted);margin:0;line-height:1.7}.loader{text-align:center;min-height:340px;color:var(--muted);place-items:center;display:grid}.loader span{border:3px solid #ffffff29;border-top-color:var(--blue);border-radius:50%;width:52px;height:52px;animation:.9s linear infinite spin}.loader p{color:var(--text);margin:14px 0 2px;font-size:1.1rem;font-weight:800}.loader small{color:var(--orange)}.loading-overlay{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040606b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.loading-overlay .loader{border:1px solid var(--line);border-radius:var(--radius);width:min(460px,100%);min-height:auto;box-shadow:var(--shadow);background:#111413f5;padding:32px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.topbar{border-radius:24px;flex-direction:column;align-items:flex-start}.home-hero,.decoder-layout,.result-layout,.projector-join,.dashboard-grid{grid-template-columns:1fr}.home-flow-section,.projector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-head,.admin-title{flex-direction:column;align-items:flex-start}}@media (width<=580px){.site-shell{width:min(100% - 20px,1180px);padding-top:10px}.home-hero-copy,.home-qr-card,.panel,.question-card,.dash-card,.result-main,.score-card{padding:20px}.home-flow-section,.projector-grid,.candidate-grid{grid-template-columns:1fr}.hero-actions,.choice-bar,.round-actions,.display-controls{flex-direction:column;align-items:stretch}.hero-actions button,.choice-bar button,.round-actions button,.display-controls button{width:100%}}