:root {
  --orange: #ff5a00;
  --orange-2: #ff7a2f;
  --orange-soft: #fff1e8;
  --ink: #171717;
  --ink-2: #323436;
  --muted: #73777b;
  --line: #e8e8e8;
  --surface: #ffffff;
  --surface-2: #fafaf8;
  --dark: #111315;
  --gold: #c99637;
  --success: #149c65;
  --danger: #e44747;
  --blue: #2f6bd7;
  --shadow-sm: 0 8px 28px rgba(20, 20, 20, .07);
  --shadow-md: 0 18px 60px rgba(20, 20, 20, .11);
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 28px;
  --container: 1200px;
  --header-h: 84px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; font-family: "Cairo", Tahoma, Arial, sans-serif; color: var(--ink); background: var(--surface); line-height: 1.75; overflow-x: hidden; }
body.dark { --ink: #f6f7f8; --ink-2: #d8dbde; --muted: #a8adb2; --line: #2a2d30; --surface: #151719; --surface-2: #101214; --dark: #08090a; --orange-soft: #2e1e16; --shadow-sm: 0 8px 28px rgba(0,0,0,.24); --shadow-md: 0 18px 60px rgba(0,0,0,.34); }
body.modal-open { overflow: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.section { padding: 92px 0; }
.section-tight { padding: 0 0 32px; }
.skip-link { position: fixed; top: -80px; right: 18px; z-index: 9999; background: var(--dark); color: white; padding: 10px 18px; border-radius: 10px; transition: .2s; }
.skip-link:focus { top: 16px; }

.site-header { position: sticky; top: 0; z-index: 100; height: var(--header-h); display: flex; align-items: center; background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(16px); border-bottom: 1px solid transparent; transition: .25s; }
.site-header.scrolled { border-color: var(--line); box-shadow: 0 6px 24px rgba(0,0,0,.05); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; min-width: max-content; }
.brand-mark { width: 76px; height: 48px; overflow: visible; }
.brand-copy { display: flex; flex-direction: column; line-height: 1.35; }
.brand-copy strong { font-family: "Alexandria", "Cairo", sans-serif; font-size: 14px; }
.brand-copy small { color: var(--muted); font-size: 10px; }
.brand.compact .brand-mark { width: 62px; }
.brand.light { color: #fff; }
.brand.light .brand-copy small { color: #abb0b5; }
.desktop-nav { display: flex; align-items: center; gap: 28px; }
.nav-link { font-size: 14px; font-weight: 700; color: var(--ink-2); position: relative; padding: 12px 0; }
.nav-link::after { content: ""; position: absolute; right: 0; bottom: 4px; width: 0; height: 3px; background: var(--orange); border-radius: 3px; transition: .25s; }
.nav-link:hover, .nav-link.active { color: var(--orange); }
.nav-link:hover::after, .nav-link.active::after { width: 100%; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.btn { appearance: none; border: 0; border-radius: 12px; min-height: 46px; padding: 10px 22px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; font-weight: 800; font-size: 14px; transition: transform .2s, box-shadow .2s, background .2s; }
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0); }
.btn-primary { color: #fff; background: linear-gradient(135deg, var(--orange), #ff7321); box-shadow: 0 10px 24px rgba(255,90,0,.24); }
.btn-primary:hover { box-shadow: 0 14px 30px rgba(255,90,0,.32); }
.btn-ghost { color: var(--ink); background: var(--surface); border: 1px solid var(--line); }
.btn-dark { color: #fff; background: #17191b; }
.btn-lg { min-height: 54px; padding-inline: 28px; }
.btn-block { width: 100%; }
.btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.icon-btn { width: 42px; height: 42px; display: grid; place-items: center; background: var(--surface-2); border: 1px solid var(--line); border-radius: 12px; color: var(--ink); padding: 0; }
.icon-btn svg { width: 20px; fill: currentColor; }
.menu-btn { display: none; width: 44px; height: 44px; background: transparent; border: 0; padding: 11px; }
.menu-btn span { display: block; height: 2px; background: var(--ink); margin: 5px 0; border-radius: 2px; }

.hero { position: relative; min-height: 710px; display: flex; align-items: center; padding-top: 54px; background: radial-gradient(circle at 12% 10%, rgba(255,90,0,.09), transparent 30%), linear-gradient(180deg, var(--surface) 0%, var(--surface-2) 100%); overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 36px; position: relative; z-index: 2; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--orange); font-size: 13px; font-weight: 800; margin-bottom: 16px; }
.eyebrow i { width: 25px; height: 3px; background: var(--orange); border-radius: 4px; }
.eyebrow.centered { justify-content: center; }
.hero h1 { font-family: "Alexandria", "Cairo", sans-serif; font-size: clamp(42px, 5vw, 70px); line-height: 1.23; margin: 0 0 20px; letter-spacing: -1.5px; }
.hero h1 span { color: var(--orange); }
.hero-copy > p { color: var(--muted); font-size: 17px; max-width: 610px; margin: 0 0 28px; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.trust-row { display: flex; gap: 34px; margin-top: 34px; padding-top: 25px; border-top: 1px solid var(--line); max-width: 600px; }
.trust-row div { display: flex; flex-direction: column; }
.trust-row strong { font-family: "Alexandria"; font-size: 22px; }
.trust-row span { color: var(--muted); font-size: 12px; }
.hero-visual { position: relative; min-height: 540px; display: grid; place-items: center; }
.car-illustration { width: min(720px, 110%); position: relative; z-index: 3; transform: translateX(-18px); }
.hero-orbit { position: absolute; border-radius: 50%; border: 1px dashed rgba(255,90,0,.23); }
.orbit-one { width: 460px; height: 460px; }
.orbit-two { width: 560px; height: 560px; border-color: rgba(201,150,55,.18); }
.traffic-light { position: absolute; right: 5%; top: 4%; width: 46px; padding: 8px; background: #24272a; border-radius: 10px; box-shadow: var(--shadow-md); z-index: 4; }
.traffic-light::after { content:""; display:block; width:5px; height:92px; background:#555; margin:8px auto -92px; }
.traffic-light span { display: block; width: 29px; height: 29px; margin: 5px auto; border-radius: 50%; opacity: .45; box-shadow: inset 0 0 8px rgba(0,0,0,.45); }
.traffic-light .red { background:#ff3d3d; }.traffic-light .amber{background:#ffc53d}.traffic-light .green{background:#23c276}.traffic-light .active{opacity:1; box-shadow:0 0 18px rgba(35,194,118,.65)}
.road-sign { position: absolute; width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center; font-weight: 900; color: var(--orange); background: white; border: 7px solid var(--orange); box-shadow: var(--shadow-sm); z-index: 2; }
.sign-a { left: 6%; top: 24%; transform: rotate(-8deg); }.sign-b { left: 17%; bottom: 12%; font-size: 20px; color:#1d1d1d; border-color:#e14949; }
.floating-card { position: absolute; z-index: 5; display: flex; gap: 10px; align-items: center; background: color-mix(in srgb, var(--surface) 94%, transparent); backdrop-filter: blur(14px); border: 1px solid var(--line); box-shadow: var(--shadow-md); border-radius: 15px; padding: 11px 15px; min-width: 180px; }
.floating-card > span { width: 34px; height: 34px; display:grid; place-items:center; background:var(--orange-soft); color:var(--orange); border-radius:10px; font-weight:900; }
.floating-card div { display:flex; flex-direction:column; line-height:1.4; }.floating-card strong{font-size:12px}.floating-card small{font-size:10px;color:var(--muted)}
.floating-card-top { left: 4%; top: 15%; animation: float 4s ease-in-out infinite; }.floating-card-bottom { right: 5%; bottom: 8%; animation: float 5s ease-in-out infinite reverse; }
@keyframes float { 50% { transform: translateY(-10px); } }
.hero-wave { position:absolute; left:-5%; right:-5%; bottom:-70px; height:140px; border-radius:50% 50% 0 0; background:var(--surface); }

.benefits-grid { display: grid; grid-template-columns: repeat(4, 1fr); background: var(--surface); border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--shadow-sm); position: relative; z-index: 3; margin-top: -24px; }
.benefit-card { padding: 26px; display: flex; gap: 14px; align-items: flex-start; position: relative; }
.benefit-card:not(:last-child)::after { content:""; position:absolute; left:0; top:24%; height:52%; width:1px; background:var(--line); }
.feature-icon { width: 48px; height: 48px; flex:0 0 48px; display:grid; place-items:center; color:var(--orange); background:var(--orange-soft); border-radius:14px; font-size:22px; }
.benefit-card h3 { margin:0 0 4px; font-size:15px; }.benefit-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}

.section-head { text-align: center; max-width: 690px; margin: 0 auto 42px; }
.section-head h2, .instructor-content h2, .contact-copy h2 { font-family:"Alexandria"; font-size: clamp(30px, 4vw, 46px); line-height:1.3; margin:0 0 12px; }
.section-head p, .instructor-content > p, .contact-copy > p { color:var(--muted); margin:0; }
.learning-section { background:var(--surface-2); }
.readiness-panel { display:grid; grid-template-columns: minmax(340px, 1.15fr) minmax(320px, 1fr) auto; align-items:center; gap:30px; background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:26px; margin-bottom:30px; box-shadow:var(--shadow-sm); }
.readiness-main{display:flex;align-items:center;gap:20px}.score-ring{--score:0; width:112px;height:112px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(var(--orange) calc(var(--score)*1%), var(--line) 0);position:relative}.score-ring::after{content:"";position:absolute;inset:9px;background:var(--surface);border-radius:50%}.score-ring>div{position:relative;z-index:1;display:flex;flex-direction:column;text-align:center;line-height:1.25}.score-ring strong{font-family:"Alexandria";font-size:24px}.score-ring span{color:var(--muted);font-size:10px}.status-pill{display:inline-flex;background:var(--orange-soft);color:var(--orange);padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800}.readiness-copy h3{margin:8px 0 5px}.readiness-copy p{margin:0;color:var(--muted);font-size:12px}.topic-bars{display:grid;gap:10px}.topic-row{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:11px}.topic-row span:last-child{font-weight:800}.topic-track{grid-column:1/-1;height:7px;background:var(--line);border-radius:20px;overflow:hidden}.topic-track i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-2));border-radius:20px}
.training-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.training-card { text-align:right; color:var(--ink); background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:24px; min-height:230px; transition:.25s; position:relative; overflow:hidden; }
.training-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--orange-soft);left:-50px;bottom:-50px;transition:.3s}.training-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(255,90,0,.35)}.training-card:hover::after{transform:scale(1.5)}
.training-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;font-size:22px;margin-bottom:22px}.training-icon.orange{color:var(--orange);background:var(--orange-soft)}.training-icon.dark{color:#fff;background:#202326}.training-icon.gold{color:#815407;background:#f7e8c7}.training-icon.red{color:#c32f2f;background:#ffe9e9}.training-icon.blue{color:#225bbd;background:#e9f0ff}.training-icon.green{color:#0f8154;background:#e3f7ef}.training-card .tag{position:absolute;left:18px;top:18px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);padding:4px 9px;border-radius:999px;font-size:9px;font-weight:800}.training-card h3{margin:0 0 7px;font-size:18px}.training-card p{margin:0;color:var(--muted);font-size:12px}.card-link{position:absolute;right:24px;bottom:20px;color:var(--orange);font-size:11px;font-weight:800;z-index:2}

.instructor-section { background:var(--surface); }
.instructor-card { background:linear-gradient(135deg,var(--surface-2),var(--surface)); border:1px solid var(--line); border-radius:30px; min-height:440px; display:grid; grid-template-columns:.8fr 1.2fr; overflow:hidden; box-shadow:var(--shadow-sm); }
.instructor-visual{position:relative;min-height:440px;display:grid;place-items:end center}.instructor-blob{position:absolute;width:380px;height:380px;border-radius:50%;background:var(--orange-soft);bottom:-100px;right:50%;transform:translateX(50%)}.instructor-avatar{width:310px;position:relative;z-index:2}.experience-badge{position:absolute;z-index:3;right:8%;top:18%;background:var(--dark);color:#fff;border-radius:14px;padding:11px 15px;display:flex;flex-direction:column;line-height:1.3;font-size:10px;box-shadow:var(--shadow-md)}.experience-badge strong{font-size:20px;color:#ff8a4d}.instructor-content{position:relative;z-index:2;padding:62px 55px;display:flex;flex-direction:column;justify-content:center}.instructor-stats{display:flex;gap:45px;margin:28px 0}.instructor-stats div{display:flex;flex-direction:column}.instructor-stats strong{font-family:"Alexandria";font-size:25px}.instructor-stats span{color:var(--muted);font-size:11px}.instructor-actions{display:flex;gap:12px;flex-wrap:wrap}

.courses-section{background:var(--surface-2)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:25px;min-height:300px;transition:.25s}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.course-card.featured{border-color:rgba(255,90,0,.45);box-shadow:0 16px 44px rgba(255,90,0,.09)}.popular-badge{position:absolute;left:18px;top:18px;background:var(--orange);color:#fff;border-radius:999px;padding:5px 10px;font-size:9px;font-weight:800}.course-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--orange-soft);font-size:26px;margin-bottom:18px}.course-level{font-size:10px;color:var(--orange);font-weight:800}.course-card h3{margin:6px 0 8px;font-size:18px}.course-card p{margin:0;color:var(--muted);font-size:12px}.course-meta{display:flex;gap:14px;margin:22px 0;color:var(--muted);font-size:10px}.text-btn{position:absolute;right:25px;bottom:22px;border:0;background:transparent;color:var(--orange);font-weight:800;font-size:11px;padding:0}

.cta-section{padding:70px 0;background:var(--surface)}.cta-card{background:radial-gradient(circle at 12% 20%,rgba(255,90,0,.2),transparent 35%),linear-gradient(135deg,#151719,#08090a);color:#fff;border-radius:26px;padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.cta-card::after{content:"";position:absolute;width:280px;height:280px;border:55px solid rgba(255,255,255,.035);border-radius:50%;left:-40px;bottom:-160px}.cta-card span{color:#ff8a4d;font-weight:800;font-size:12px}.cta-card h2{font-family:"Alexandria";font-size:30px;margin:7px 0}.cta-card p{margin:0;color:#bfc3c7;font-size:12px}.cta-actions{display:flex;gap:10px;position:relative;z-index:2;min-width:max-content}

.contact-section{background:var(--surface-2)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.contact-list{display:grid;gap:13px;margin-top:28px}.contact-list>a,.contact-list>div{display:flex;align-items:center;gap:14px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.contact-list>a>span,.contact-list>div>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--orange-soft);color:var(--orange);font-weight:900}.contact-list div div,.contact-list a div{display:flex;flex-direction:column}.contact-list small{color:var(--muted);font-size:10px}.contact-list strong{font-size:13px}.contact-form{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:var(--shadow-sm)}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:11px;padding:12px 14px;outline:none;transition:.2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,90,0,.11)}.form-note{margin:8px 0 0;color:var(--success);font-size:11px;text-align:center;min-height:18px}

.site-footer{background:#0e1012;color:#d9dcde;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:45px}.footer-brand p{color:#92989e;font-size:11px;max-width:330px}.footer-grid h3{font-size:14px;color:#fff;margin:0 0 15px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid a,.footer-grid button,.footer-grid p{border:0;background:transparent;color:#969ca2;padding:4px 0;font-size:11px;text-align:right}.footer-grid strong{font-size:12px}.socials{display:flex;gap:8px;margin-top:16px}.socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #2b2f33;border-radius:50%;color:#fff}.footer-bottom{border-top:1px solid #272a2d;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;color:#737a80;font-size:10px}
.mobile-bottom-nav{display:none}

.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(3px);z-index:199}.mobile-drawer{position:fixed;z-index:200;top:0;bottom:0;right:0;width:min(360px,88vw);background:var(--surface);transform:translateX(105%);transition:.3s;box-shadow:-25px 0 70px rgba(0,0,0,.2);padding:20px;display:flex;flex-direction:column}.mobile-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid var(--line)}.drawer-nav{display:grid;padding:18px 0}.drawer-nav a{display:flex;align-items:center;gap:14px;padding:13px 8px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.drawer-nav span{width:34px;height:34px;display:grid;place-items:center;background:var(--surface-2);border-radius:9px;color:var(--orange)}.drawer-card{margin-top:auto;background:#101214;color:#fff;padding:20px;border-radius:18px}.drawer-card p{color:#aeb3b7;font-size:11px}

.start-dialog{border:0;padding:0;background:transparent;max-width:620px;width:calc(100% - 30px)}.start-dialog::backdrop{background:rgba(7,9,10,.68);backdrop-filter:blur(8px)}.dialog-card{position:relative;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow-md);text-align:center}.dialog-card h2{font-family:"Alexandria";margin:0 0 6px}.dialog-card>p{margin:0 0 22px;color:var(--muted);font-size:12px}.dialog-close{position:absolute;left:16px;top:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:24px;line-height:1}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-option{text-align:center;color:var(--ink);border:1px solid var(--line);background:var(--surface-2);border-radius:16px;padding:19px 12px;transition:.2s}.mode-option:hover{border-color:var(--orange);transform:translateY(-3px)}.mode-option>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:13px;background:var(--orange-soft);color:var(--orange);font-size:20px}.mode-option div{display:flex;flex-direction:column}.mode-option strong{font-size:13px}.mode-option small{font-size:9px;color:var(--muted)}.category-picker{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.category-picker h3{font-size:14px}.category-picker>div{display:grid;gap:8px}.category-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:12px;text-align:right;font-size:12px;font-weight:700}.category-btn:hover{border-color:var(--orange);color:var(--orange)}

.quiz-app{position:fixed;inset:0;z-index:500;background:var(--surface-2);overflow:auto}.quiz-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.quiz-header-inner{height:74px;max-width:1050px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.quiz-title{display:flex;flex-direction:column;text-align:center;line-height:1.45}.quiz-title strong{font-size:14px}.quiz-title small{font-size:10px;color:var(--muted)}.quiz-tools{display:flex;align-items:center;gap:9px}.timer{font-family:"Alexandria";font-size:13px;background:var(--orange-soft);color:var(--orange);padding:8px 12px;border-radius:10px}.quiz-progress{height:4px;background:var(--line)}.quiz-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--orange-2));transition:.3s}.quiz-main{min-height:calc(100vh - 78px);padding:40px 20px}.question-shell,.result-shell{max-width:820px;margin:0 auto}.question-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--muted);font-size:11px}.bookmark-btn{border:0;background:transparent;color:var(--muted);font-size:11px}.bookmark-btn.active{color:var(--orange)}.question-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow-sm)}.question-card h1{font-family:"Alexandria";font-size:clamp(21px,3vw,29px);line-height:1.55;margin:10px 0 24px;text-align:center}.question-image-wrap{min-height:160px;display:grid;place-items:center;margin-bottom:18px;border-radius:16px;background:var(--surface-2);border:1px dashed var(--line);padding:16px}.question-image-wrap img{max-height:230px;max-width:100%;object-fit:contain}.image-loader{color:var(--muted);font-size:11px}.answers-list{display:grid;gap:10px}.answer-option{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:right;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:14px 16px;transition:.2s}.answer-option:hover{border-color:rgba(255,90,0,.5);background:var(--orange-soft)}.answer-option .letter{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-weight:800}.answer-option span:last-child{font-size:13px}.answer-option.selected{border-color:var(--orange);background:var(--orange-soft)}.answer-option.correct{border-color:var(--success);background:rgba(20,156,101,.08)}.answer-option.wrong{border-color:var(--danger);background:rgba(228,71,71,.08)}.answer-option:disabled{cursor:default}.answer-feedback{margin-top:18px;border-radius:13px;padding:13px 16px;font-size:12px;font-weight:700}.answer-feedback.success{background:rgba(20,156,101,.09);color:var(--success)}.answer-feedback.danger{background:rgba(228,71,71,.09);color:var(--danger)}.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.quiz-actions .btn{min-width:130px}.result-card{background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:35px;text-align:center;box-shadow:var(--shadow-sm)}.result-icon{width:74px;height:74px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:34px;box-shadow:0 12px 25px rgba(255,90,0,.25)}.result-kicker{color:var(--orange);font-size:11px;font-weight:800}.result-card h1{font-family:"Alexandria";font-size:34px;margin:4px 0}.result-card>p{color:var(--muted);font-size:12px}.result-score{display:flex;flex-direction:column;margin:18px auto;width:140px;height:140px;border-radius:50%;align-items:center;justify-content:center;background:var(--orange-soft);border:8px solid rgba(255,90,0,.15)}.result-score strong{font-family:"Alexandria";font-size:35px;color:var(--orange)}.result-score span{color:var(--muted);font-size:11px}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:17px;overflow:hidden}.result-summary>div{padding:16px;display:flex;flex-direction:column;align-items:center}.result-summary>div:not(:last-child){border-left:1px solid var(--line)}.result-summary strong{font-size:20px}.result-summary small{font-size:9px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;margin-bottom:5px}.dot.success{background:var(--success)}.dot.danger{background:var(--danger)}.dot.neutral{background:var(--muted)}.result-topics{display:grid;gap:9px;text-align:right;margin:22px 0}.result-topic{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px}.result-topic .topic-track{grid-column:1/-1}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.question-map{position:fixed;z-index:520;top:0;bottom:0;left:0;width:min(390px,90vw);background:var(--surface);border-right:1px solid var(--line);box-shadow:25px 0 70px rgba(0,0,0,.18);transform:translateX(-105%);transition:.3s;padding:22px}.question-map.open{transform:translateX(0)}.map-backdrop{position:fixed;z-index:510;inset:0;background:rgba(0,0,0,.38)}.map-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.map-head>div{display:flex;flex-direction:column}.map-head small{color:var(--muted);font-size:10px}.map-legend{display:flex;gap:12px;font-size:9px;color:var(--muted);margin:16px 0}.map-legend span{display:flex;align-items:center;gap:4px}.map-legend i{width:9px;height:9px;border-radius:3px;border:1px solid var(--line)}.map-legend i.answered{background:var(--orange);border-color:var(--orange)}.map-legend i.current{border:2px solid var(--orange)}.map-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.map-number{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:9px;font-size:11px;font-weight:800}.map-number.answered{background:var(--orange);border-color:var(--orange);color:#fff}.map-number.current{outline:3px solid rgba(255,90,0,.2);border-color:var(--orange)}
.toast{position:fixed;z-index:9999;bottom:30px;right:50%;transform:translate(50%,25px);opacity:0;pointer-events:none;background:#151719;color:#fff;border-radius:12px;padding:10px 16px;font-size:11px;box-shadow:var(--shadow-md);transition:.25s}.toast.show{opacity:1;transform:translate(50%,0)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}

@media (max-width: 1050px) {
  .desktop-nav { gap: 17px; }.desktop-nav a{font-size:12px}.brand-copy{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:47px}.benefit-card{padding:20px}.readiness-panel{grid-template-columns:1fr 1fr}.readiness-panel>.btn{grid-column:1/-1}.courses-grid,.training-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1.2fr}
}

@media (max-width: 820px) {
  :root{--header-h:70px}.desktop-nav,.desktop-cta{display:none}.menu-btn{display:block}.brand-copy{display:flex}.brand-mark{width:66px}.hero{min-height:auto;padding:55px 0 100px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{order:1}.hero-visual{min-height:430px;order:2}.hero-copy>p,.trust-row{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.car-illustration{transform:none;width:100%}.floating-card-top{left:2%}.benefits-grid{grid-template-columns:repeat(2,1fr)}.benefit-card:nth-child(2)::after{display:none}.benefit-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.readiness-panel{grid-template-columns:1fr}.readiness-panel>.btn{grid-column:auto}.instructor-card{grid-template-columns:1fr}.instructor-visual{min-height:390px}.instructor-content{padding:42px;text-align:center}.instructor-content .eyebrow{justify-content:center}.instructor-stats,.instructor-actions{justify-content:center}.cta-card{flex-direction:column;text-align:center}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{display:none}.mobile-bottom-nav{display:grid;position:fixed;z-index:120;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);height:68px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -8px 25px rgba(0,0,0,.08)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;gap:1px}.mobile-bottom-nav span{font-size:17px;height:25px}.mobile-bottom-nav .nav-main{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;margin-top:-18px;box-shadow:0 8px 18px rgba(255,90,0,.35);font-size:13px}.mobile-bottom-nav .active{color:var(--orange)}body{padding-bottom:68px}.mode-grid{grid-template-columns:1fr}.mode-option{text-align:right;display:flex;align-items:center;gap:13px}.mode-option>span{margin:0}.mode-option div{align-items:flex-start}.quiz-main{padding:24px 14px}.question-card{padding:23px}.question-card h1{text-align:right}.result-card{padding:25px}
}

@media (max-width: 580px) {
  .container{width:min(100% - 28px,var(--container))}.section{padding:68px 0}.site-header{height:66px}.brand-mark{width:58px}.brand-copy strong{font-size:11px}.brand-copy small{font-size:8px}.theme-toggle{display:none}.hero{padding-top:35px}.hero h1{font-size:36px;letter-spacing:-.7px}.hero-copy>p{font-size:14px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust-row{gap:18px}.trust-row strong{font-size:18px}.trust-row span{font-size:9px}.hero-visual{min-height:340px;margin-top:5px}.orbit-one{width:290px;height:290px}.orbit-two{width:350px;height:350px}.traffic-light{transform:scale(.75);right:0}.road-sign{transform:scale(.72)}.sign-a{left:0}.sign-b{left:7%;bottom:5%}.floating-card{min-width:145px;padding:8px 10px}.floating-card-top{top:7%}.floating-card-bottom{bottom:3%;right:0}.benefits-grid{grid-template-columns:1fr;margin-top:-5px}.benefit-card:not(:last-child)::after{display:none}.benefit-card{border-bottom:1px solid var(--line)!important}.benefit-card:last-child{border-bottom:0!important}.section-head{margin-bottom:28px}.section-head h2,.instructor-content h2,.contact-copy h2{font-size:28px}.readiness-panel{padding:20px;gap:20px}.readiness-main{flex-direction:column;text-align:center}.training-grid,.courses-grid{grid-template-columns:1fr}.training-card{min-height:210px}.instructor-card{border-radius:22px}.instructor-visual{min-height:340px}.instructor-avatar{width:260px}.instructor-content{padding:30px 22px}.instructor-stats{gap:25px}.instructor-stats strong{font-size:19px}.instructor-actions{display:grid}.cta-card{padding:30px 20px}.cta-card h2{font-size:23px}.cta-actions{display:grid;width:100%;min-width:0}.form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px;text-align:center}.dialog-card{padding:25px 18px}.quiz-header-inner{height:66px;padding:0 12px}.question-card{padding:19px;border-radius:18px}.answer-option{padding:12px}.answer-option .letter{width:31px;height:31px}.quiz-actions .btn{min-width:0;flex:1}.result-summary>div{padding:12px 4px}.result-summary strong{font-size:17px}.result-actions{display:grid}.result-actions .btn{width:100%}.question-map{padding:17px}.map-grid{grid-template-columns:repeat(5,1fr)}
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none} }


/* Brand and real instructor assets */
.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.08));}
.brand .brand-logo{width:88px;height:52px;}
.brand.compact .brand-logo{width:74px;height:44px;}
.brand.light .brand-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.24));}
.instructor-photo{height:390px;max-height:390px;object-fit:cover;object-position:center 25%;border-radius:160px 160px 22px 22px;box-shadow:0 16px 38px rgba(20,22,24,.18);border:6px solid color-mix(in srgb,var(--surface) 88%,transparent);}
.instructor-name-badge{position:absolute;z-index:3;left:50%;bottom:6px;transform:translateX(-50%);background:var(--orange);color:#fff;font-family:"Alexandria";font-weight:700;font-size:16px;letter-spacing:.2px;padding:8px 22px;border-radius:999px;box-shadow:0 10px 22px rgba(255,90,0,.35);white-space:nowrap;}
.contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.contact-icon.whatsapp svg,.contact-icon.facebook svg{fill:currentColor;stroke:none;}
.contact-icon.instagram .fill-dot{fill:currentColor;stroke:none;}
.social-link{font-weight:800!important;transition:.2s ease;}
.social-link:hover{transform:translateY(-2px);border-color:var(--orange);color:var(--orange)!important;}
.floating-whatsapp{position:fixed;z-index:135;left:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius:999px;background:#19a95b;color:#fff;box-shadow:0 12px 28px rgba(11,123,62,.32);font-weight:800;font-size:12px;transition:.2s ease;}
.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,123,62,.38);}
.floating-whatsapp svg{width:24px;height:24px;fill:currentColor;}
.contact-list>a:hover{border-color:color-mix(in srgb,var(--orange) 45%,var(--line));transform:translateY(-1px);box-shadow:var(--shadow-sm);}
.contact-list>a{transition:.2s ease;}
@media(max-width:767px){
  .brand .brand-logo{width:72px;height:44px;}
  .instructor-photo{width:245px;height:305px;max-height:305px;border-radius:120px 120px 18px 18px;}
  .instructor-blob{width:300px;height:300px;bottom:-60px;}
  .instructor-content{padding-top:30px;}
  .floating-whatsapp{left:14px;bottom:82px;padding:12px;border-radius:50%;width:50px;height:50px;justify-content:center;}
  .floating-whatsapp span{display:none;}
}


/* V2 bilingual final refinements */
.language-toggle{min-width:66px;height:38px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;font-weight:800;font-size:11px;box-shadow:0 5px 16px rgba(0,0,0,.04);transition:.2s ease}
.language-toggle:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}
.language-toggle .lang-divider{color:var(--line)}
html[lang="en"] .language-toggle .lang-label-en,html[lang="ar"] .language-toggle .lang-label-ar{color:var(--orange)}
.drawer-language-toggle{margin-inline-start:auto;margin-inline-end:8px}
.hero-car-photo{width:min(720px,108%);height:auto;position:relative;z-index:3;border-radius:34px;filter:drop-shadow(0 26px 28px rgba(22,25,28,.18));transform:translateX(-12px);mix-blend-mode:multiply;object-fit:cover;aspect-ratio:1.58/1}
body.dark .hero-car-photo{mix-blend-mode:normal;opacity:.92}
.car-model-badge{position:absolute;z-index:6;bottom:8%;left:7%;padding:7px 12px;border-radius:999px;background:rgba(17,19,21,.88);color:#fff;font:700 10px/1.2 "Alexandria","Cairo",sans-serif;letter-spacing:.2px;box-shadow:var(--shadow-sm)}
.feature-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.socials .social-link{padding:0!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;color:#fff!important}
.social-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-link.facebook svg,.social-link.whatsapp svg{fill:currentColor;stroke:none}
.social-link.instagram .solid-dot{fill:currentColor;stroke:none}
.floating-whatsapp{min-height:54px;padding:11px 18px;background:linear-gradient(135deg,#20b966,#109c51);border:1px solid rgba(255,255,255,.25)}
.floating-whatsapp svg{width:29px;height:29px;display:block;flex:0 0 29px;fill:#fff!important;stroke:none!important}
.floating-whatsapp span{line-height:1;white-space:nowrap}
.result-summary{grid-template-columns:repeat(4,1fr)}
.dot.pending{background:var(--gold)}
.source-question-note{margin:0 0 12px;padding:9px 12px;background:var(--orange-soft);border:1px solid color-mix(in srgb,var(--orange) 24%,var(--line));border-radius:10px;color:var(--muted);font-size:10px;text-align:start}
.answer-feedback.neutral{background:color-mix(in srgb,var(--gold) 10%,var(--surface));border-color:color-mix(in srgb,var(--gold) 45%,var(--line));color:var(--ink)}
html[dir="ltr"] body{text-align:left}
html[dir="ltr"] .nav-link::after{right:auto;left:0}
html[dir="ltr"] .hero-grid,html[dir="ltr"] .contact-grid,html[dir="ltr"] .instructor-card{direction:ltr}
html[dir="ltr"] .hero-copy,html[dir="ltr"] .contact-copy,html[dir="ltr"] .instructor-content{text-align:left}
html[dir="ltr"] .question-card h1,html[dir="ltr"] .result-topics,html[dir="ltr"] .footer-grid a,html[dir="ltr"] .footer-grid button,html[dir="ltr"] .footer-grid p{text-align:left}
html[dir="ltr"] .result-summary>div:not(:last-child){border-left:0;border-right:1px solid var(--line)}
html[dir="ltr"] .benefit-card:not(:last-child)::after{left:auto;right:0}
html[dir="ltr"] .question-map{left:auto;right:0;border-right:0;border-left:1px solid var(--line);transform:translateX(105%)}
html[dir="ltr"] .question-map.open{transform:translateX(0)}
html[dir="ltr"] .floating-whatsapp{left:auto;right:24px}
html[dir="ltr"] .toast{right:auto;left:50%;transform:translate(-50%,25px)}
html[dir="ltr"] .toast.show{transform:translate(-50%,0)}
@media(max-width:820px){.hero-car-photo{width:100%;transform:none}.language-toggle{min-width:58px;padding:0 8px}.result-summary{grid-template-columns:repeat(2,1fr)}.result-summary>div:nth-child(2){border-left:0}.result-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:580px){.header-actions{gap:5px}.language-toggle{min-width:52px;height:34px;font-size:9px}.hero-car-photo{border-radius:22px}.car-model-badge{bottom:3%;left:3%;font-size:8px}.floating-whatsapp svg{width:27px;height:27px;flex-basis:27px}html[dir="ltr"] .floating-whatsapp{left:auto;right:14px}}