:root{color-scheme:light;--bg:#f7f9fb;--surface:#f7f9fb;--surface-container-low:#f2f4f6;--surface-container:#eceef0;--surface-container-high:#e6e8ea;--surface-container-highest:#e0e3e5;--surface-lowest:#fff;--text:#191c1e;--muted:#464555;--border:rgba(199,196,216,.45);--outline-variant:#c7c4d8;--brand:#3525cd;--brand-soft:#e2dfff;--brand-muted:rgba(53,37,205,.1);--brand-deep:#2b1f9e;--secondary:#bd0c3b;--secondary-container:#ffdadb;--tertiary:#865400;--accent-warm:#f59e0b;--success:#0f766e;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-pill:999px;--shadow-brand:0 12px 28px rgba(53,37,205,.22);--shadow-float:0 18px 40px rgba(25,28,30,.06);--space-xs:4px;--space-sm:8px;--space-ms:12px;--space-md:16px;--space-ml:20px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--space-4xl:64px;--text-xs:0.75rem;--text-sm:0.85rem;--text-base:0.9rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.75;--ease-fast:160ms ease;--ease-normal:220ms ease;--ease-slow:350ms ease;--z-sticky:40;--z-header:50;--z-modal:60;--touch-min:48px}.material-symbols-outlined{font-family:Material Symbols Outlined,system-ui,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.ms-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:var(--font-tajawal),"Tajawal",system-ui,sans-serif;background:var(--bg);color:var(--text)}.app-section-title,.quiz-phase-tab>span,.result-hero-heading,h1,h2,h3{font-family:var(--font-cairo),"Cairo",system-ui,sans-serif}main{max-width:980px;margin:var(--space-3xl) auto;padding:0 var(--space-ml)}.landing-root>main{max-width:none;margin:0}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-lowest);padding:var(--space-ml);margin-bottom:var(--space-md);box-shadow:var(--shadow-float)}.app-section-title{margin:0 0 var(--space-sm) 0;font-size:var(--text-lg)}.muted{color:var(--muted)}.quiz-shell{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 88% 0,rgba(53,37,205,.09) 0,transparent 42%),radial-gradient(circle at 8% 92%,rgba(213,227,252,.55) 0,transparent 38%),linear-gradient(180deg,#f7f9fb,#eceef0 52%,#f2f4f6);padding:0}.quiz-shell-inner{flex:1 1;display:flex;flex-direction:column;gap:0;width:100%;max-width:920px;margin:0 auto;padding:var(--space-md);padding-bottom:var(--space-xl)}@media (min-width:1024px){.quiz-shell-inner{max-width:800px;padding:var(--space-lg) var(--space-2xl) var(--space-2xl)}}.quiz-stitch-header{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:var(--space-ms);min-height:64px;padding:var(--space-ms) var(--space-md);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in srgb,#f7f9fb 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.quiz-stitch-header-start{display:flex;align-items:center;gap:var(--space-sm)}.quiz-stitch-menu-btn{border:0;background:transparent;padding:var(--space-sm);min-width:var(--touch-min);min-height:var(--touch-min);border-radius:999px;cursor:default;color:var(--brand);display:inline-flex;align-items:center;justify-content:center}.quiz-stitch-menu-btn .material-symbols-outlined{font-size:28px}.quiz-stitch-brand{margin:0;font-family:Cairo,sans-serif;font-weight:900;font-size:var(--text-xl);color:var(--brand)}.quiz-stitch-profile{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:2px solid color-mix(in srgb,var(--brand) 35%,transparent);color:var(--brand);text-decoration:none;background:var(--surface-lowest)}.quiz-stitch-profile .material-symbols-outlined{font-size:22px}.quiz-stitch-back{font:inherit;font-weight:700;color:var(--muted);text-decoration:none;padding:var(--space-sm) var(--space-ms);border-radius:var(--radius-pill);border:1px solid transparent;transition:background var(--ease-normal),color var(--ease-normal)}.quiz-stitch-back:hover{background:var(--surface-container-low);color:var(--brand)}.quiz-progress{height:8px;background:var(--surface-container-high);border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--outline-variant) 40%,transparent)}.quiz-progress>div{height:100%;background:linear-gradient(90deg,#4338ca 0,var(--brand) 100%);transition:width .25s ease}.quiz-progress.quiz-progress-rtl{direction:ltr}.quiz-progress.quiz-progress-rtl>div{float:right}.quiz-phase-tabs{margin-top:var(--space-ms);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm)}.quiz-phase-tab{border:1px solid color-mix(in srgb,var(--outline-variant) 55%,transparent);border-radius:14px;background:var(--surface-container-low);color:var(--text);padding:var(--space-sm);display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);text-align:right;font:inherit;cursor:pointer;transition:transform var(--ease-normal),border-color var(--ease-normal),box-shadow var(--ease-normal),background var(--ease-normal)}.quiz-phase-tab>span{font-size:var(--text-base);font-weight:700}.quiz-phase-tab>small{font-size:var(--text-xs);color:#334155}.quiz-phase-tab.is-active{border-color:var(--brand);background:var(--surface-lowest);box-shadow:0 8px 24px rgba(53,37,205,.12);transform:translateY(-1px)}.quiz-phase-tab.is-complete{border-color:rgba(5,150,105,.45);background:#f0fdf4}.quiz-card{background:var(--surface-lowest);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);padding:var(--space-ml);max-height:68vh;overflow-y:auto}.quiz-phase-panel{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.quiz-phase-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-ms);padding:var(--space-sm) var(--space-ms);border:1px dashed color-mix(in srgb,var(--brand) 28%,transparent);border-radius:var(--radius-md);background:var(--surface-container-low)}.quiz-question-stack{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.quiz-question-card{border:1px solid #e2e8f0;border-radius:14px;padding:var(--space-md);background:linear-gradient(180deg,#fff,#f8fafc)}.quiz-question-divider{margin-top:var(--space-ms);border-top:1px dashed #cbd5e1}.phase-transition{background:linear-gradient(135deg,#fff,#ecfeff);border:1px solid #bae6fd;border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-ml);box-shadow:0 12px 34px rgba(2,6,23,.08);text-align:center;animation:phaseIn .28s ease}.phase-transition-label{margin:0 0 var(--space-sm) 0;color:#0c4a6e;font-weight:700}.phase-transition-title{margin:0;color:#0f172a;font-size:var(--text-lg)}.phase-transition-subtitle{margin:var(--space-sm) 0 0 0;color:#334155}.quiz-options{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm);margin-top:var(--space-md)}.quiz-option{width:100%;min-height:50px;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);text-align:right;padding:var(--space-md);border:1px solid #d1d5db;border-radius:var(--radius-md);background:#fff;font:inherit;cursor:pointer;transition:transform var(--ease-fast),border-color var(--ease-fast),background var(--ease-fast),box-shadow var(--ease-fast)}.quiz-option.is-selected{border-color:var(--brand);border-width:2px;background:var(--brand-muted);box-shadow:0 8px 22px rgba(53,37,205,.12);color:var(--brand-deep)}.quiz-option:hover{border-color:color-mix(in srgb,var(--brand) 45%,#fff);transform:translateY(-1px)}.quiz-option:disabled{cursor:not-allowed;opacity:.65}.btn-primary{border:0;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand) 0,var(--brand-deep) 100%);color:#fff;font:inherit;font-weight:700;padding:var(--space-md) var(--space-ml);min-height:var(--touch-min);cursor:pointer;box-shadow:var(--shadow-brand)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-lowest);color:var(--text);font:inherit;font-weight:700;padding:var(--space-md) var(--space-ml);min-height:var(--touch-min);cursor:pointer}.result-stack{display:grid;grid-gap:var(--space-md);gap:var(--space-md)}.result-shell{background:radial-gradient(circle at 88% 8%,rgba(53,37,205,.08) 0,transparent 28%),radial-gradient(circle at 10% 88%,rgba(254,166,25,.16) 0,transparent 26%),linear-gradient(180deg,#f7f9fb,#eceef0);border-radius:24px;padding:var(--space-ml)}.result-page-wrap{max-width:1200px;margin:0 auto;padding:0 var(--space-md) var(--space-xl)}.result-desktop-grid{display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width:1100px){.result-desktop-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:var(--space-lg);gap:var(--space-lg);align-items:start}.result-desktop-grid .result-desktop-primary{position:-webkit-sticky;position:sticky;top:88px}}.result-hero-heading{margin:0;font-size:var(--text-3xl);line-height:var(--leading-tight)}.result-hero-card{border-radius:20px;background:linear-gradient(155deg,#fff,#f9f1ff 52%,#f4eaff)}.result-hero-title-wrap{display:grid;grid-gap:6px;gap:6px}.result-hero-subtitle{margin:0;line-height:var(--leading-normal)}.result-hero-grid{display:grid;grid-gap:var(--space-md);gap:var(--space-md);grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center}.hero-ring-wrap{display:flex;align-items:center;justify-content:center}.hero-score-bars{grid-gap:var(--space-sm)}.hero-score-bars,.score-row{display:grid;gap:var(--space-sm)}.score-row{grid-template-columns:95px 1fr 52px;align-items:center;grid-gap:var(--space-sm);min-height:28px}.score-track{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.score-fill{height:100%;border-radius:999px;transition:width .8s ease}.narrative-card{border-radius:18px;padding:var(--space-lg);animation:narrativeFadeIn .4s ease;background:linear-gradient(180deg,#fff,#f8fafc)}.narrative-title{margin:0 0 6px;font-weight:700;font-size:var(--text-base)}.narrative-card.is-loading{animation:narrativeFadeOut .2s ease}.narrative-text{margin:0;line-height:1.8;font-size:1.05rem}.shimmer{position:relative;overflow:hidden;background:#f1f5f9}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.85),transparent);animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{transform:translateX(110%)}to{transform:translateX(-110%)}}@keyframes phaseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes narrativeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes narrativeFadeOut{0%{opacity:.8}to{opacity:1}}.result-badges{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;background:#ffffffcc;border:1px solid #dbeafe;border-radius:16px;padding:10px}.status-badge{border-radius:999px;border:1px solid #bae6fd;background:#f0f9ff;color:#0369a1}.badge,.status-badge{padding:6px var(--space-sm);font-size:var(--text-sm)}.badge{border-radius:999px;background:#eef2ff;color:#3730a3}.ad-slot{border:1px dashed #d1d5db;border-radius:var(--radius-md);background:#fff;min-height:100px;display:flex;align-items:center;justify-content:center;color:#64748b}.share-bar{display:grid;grid-gap:10px;gap:10px}.share-stitch-card{border-radius:var(--radius-xl);padding:var(--space-ml);background:linear-gradient(145deg,var(--surface-lowest) 0,var(--surface-container-low) 100%);border:1px solid var(--border);box-shadow:var(--shadow-float)}.share-stitch-card .share-stitch-actions{display:grid;grid-gap:10px;gap:10px}@media (min-width:900px){.share-stitch-card .share-stitch-actions{grid-template-columns:1fr 1fr;align-items:stretch}.share-stitch-head{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}}.share-stitch-title{margin:0;font-family:Cairo,sans-serif;font-weight:900;font-size:var(--text-lg);color:var(--text)}.share-stitch-sub{margin:6px 0 0;color:var(--muted);font-size:var(--text-base);line-height:1.5}.where-now-card{border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff)}.where-now-title-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.where-now-mode-pill{border-radius:999px;padding:4px 10px;border:1px solid #c7d2fe;background:#eef2ff;color:#4338ca;font-size:.75rem;font-weight:700}@media (max-width:900px){.result-hero-grid{grid-template-columns:1fr}}@media (max-width:767px){main{margin:var(--space-lg) auto;padding:0 var(--space-ms)}.landing-main{padding-top:var(--space-4xl);padding-bottom:calc(80px + env(safe-area-inset-bottom))}.landing-bento{margin-top:var(--space-2xl)}.quiz-phase-tabs{display:flex;overflow-x:auto;gap:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.quiz-phase-tabs::-webkit-scrollbar{display:none}.quiz-phase-tab{flex:0 0 auto;min-width:140px}.quiz-phase-head{display:grid}.quiz-options{grid-template-columns:1fr}.result-shell{padding:var(--space-ms);padding-bottom:calc(80px + env(safe-area-inset-bottom));border-radius:18px}.pathway-context-grid{grid-template-columns:1fr}.where-now-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-cta-btn{width:100%;max-width:340px}.landing-hero-cta{width:100%}}@media (min-width:768px){.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.share-bar{grid-template-columns:1.3fr 1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:0ms!important;transition-duration:0ms!important;scroll-behavior:auto!important}}.where-now-grid{display:grid;grid-gap:10px;gap:10px}.where-now-hint{margin:0 0 10px;color:var(--muted);font-size:.9rem}.where-now-option.is-selected{border-color:var(--brand);background:var(--brand-muted);box-shadow:0 4px 14px rgba(53,37,205,.1)}@media (min-width:900px){.result-hero-heading{font-size:2.625rem}.result-hero-grid,.share-bar{grid-template-columns:1fr 1fr}}.landing-root{min-height:100dvh;background:var(--bg);color:var(--text)}.landing-header{position:fixed;top:0;right:0;left:0;z-index:var(--z-header);flex-direction:row-reverse;justify-content:space-between;min-height:64px;padding:0 var(--space-ml);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.landing-brand,.landing-header{display:flex;align-items:center}.landing-brand{gap:var(--space-sm)}.landing-brand .material-symbols-outlined{font-size:30px;color:#3525cd}.landing-brand-title{margin:0;font-family:Cairo,sans-serif;font-weight:900;font-size:var(--text-lg);color:#3525cd}.landing-nav-desktop{display:none;flex-direction:row-reverse;gap:var(--space-lg);align-items:center}.landing-nav-desktop a{font-family:Cairo,sans-serif;font-weight:700;font-size:var(--text-base);color:var(--muted);text-decoration:none;padding:var(--space-sm) var(--space-ms);border-radius:var(--radius-md);transition:background var(--ease-normal),color var(--ease-normal)}.landing-nav-desktop a:hover{background:var(--surface-container-low);color:var(--brand)}.landing-main{position:relative;padding:calc(var(--space-4xl) + var(--space-3xl)) var(--space-md) calc(var(--space-4xl) + var(--space-4xl));overflow:hidden}.landing-hero-badge{display:inline-block;margin-bottom:var(--space-ml);padding:6px var(--space-md);border-radius:var(--radius-pill);background:var(--secondary-container);color:var(--secondary);font-weight:700;font-size:.88rem}.landing-hero-title{margin:0 0 var(--space-ml);font-family:Cairo,sans-serif;font-weight:900;font-size:clamp(2rem,6vw,3.75rem);line-height:var(--leading-tight);color:var(--text);text-align:center}.landing-hero-title span{color:#3525cd}.landing-hero-lead{margin:0 auto var(--space-2xl);max-width:38rem;text-align:center;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--muted)}.landing-hero-cta{display:flex;flex-direction:column;align-items:center;gap:var(--space-ml)}.landing-cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-2xl);border:0;border-radius:16px;font-family:Cairo,sans-serif;font-weight:800;font-size:1.1rem;text-decoration:none;color:#fff;background:linear-gradient(135deg,#4f46e5,#3525cd);box-shadow:0 16px 36px rgba(53,37,205,.28);transition:transform .18s ease,box-shadow .18s ease}.landing-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(53,37,205,.34)}.landing-social-proof{align-items:center;gap:var(--space-ms);color:var(--muted);font-size:var(--text-base);font-weight:700}.landing-avatars,.landing-social-proof{display:flex;flex-direction:row-reverse}.landing-avatars img{width:36px;height:36px;border-radius:999px;border:2px solid var(--surface);object-fit:cover;-webkit-margin-start:-10px;margin-inline-start:-10px}.landing-bento{max-width:72rem;margin:var(--space-4xl) auto 0;padding:0 var(--space-sm)}.landing-bento-grid{display:grid;grid-gap:var(--space-ml);gap:var(--space-ml);grid-template-columns:1fr}.landing-bento-feature{border-radius:24px;padding:var(--space-xl);background:var(--surface-container-low);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-md)}.landing-bento-feature h3{margin:0 0 var(--space-sm);font-family:Cairo,sans-serif;font-size:var(--text-2xl);font-weight:800}.landing-bento-feature p{margin:0;color:var(--muted);line-height:var(--leading-relaxed)}.landing-bento-side{display:flex;flex-direction:column;gap:var(--space-md)}.landing-stat-card{border-radius:24px;padding:var(--space-lg);background:linear-gradient(135deg,var(--brand) 0,var(--brand-deep) 100%);color:#fff}.landing-stat-card .stat-row{display:flex;flex-direction:row-reverse;align-items:center;gap:12px}.landing-stat-num{font-family:Cairo,sans-serif;font-size:2.25rem;font-weight:900}.landing-wide{border-radius:24px;padding:var(--space-xl);background:var(--surface-container-high)}.landing-final-cta{max-width:48rem;margin:var(--space-4xl) auto 0;padding:var(--space-2xl) var(--space-lg);text-align:center;border-radius:32px;background:linear-gradient(135deg,#4f46e5,#ceb5ff);color:#fff;position:relative;overflow:hidden}.landing-final-cta h2{margin:0 0 var(--space-ms);font-family:Cairo,sans-serif;font-size:var(--text-2xl);font-weight:900}.landing-final-cta p{margin:0 0 var(--space-lg);opacity:.95;line-height:var(--leading-normal)}.landing-final-cta a{display:inline-flex;padding:14px 36px;border-radius:16px;background:#fff;color:#3525cd;font-family:Cairo,sans-serif;font-weight:800;text-decoration:none}.landing-mobile-nav{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:var(--z-sticky);flex-direction:row-reverse;justify-content:space-around;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#ffffffee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);box-shadow:0 -10px 30px rgba(57,43,83,.06)}.landing-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:600;color:var(--muted);text-decoration:none;padding:var(--space-sm) var(--space-ms);min-height:var(--touch-min);border-radius:var(--radius-md)}.landing-mobile-nav a.is-active{color:#4f46e5;background:#d5e3fc}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-md) calc(var(--space-xl) + 70px + env(safe-area-inset-bottom));text-align:center;color:color-mix(in srgb,var(--muted) 70%,transparent);font-size:.88rem;border-top:1px solid var(--border);max-width:72rem;margin:var(--space-3xl) auto 0}.landing-footer-links a{color:var(--muted);text-decoration:none}.landing-footer-links a:hover{color:var(--brand);text-decoration:underline}.landing-footer-copy{margin:0}.landing-hero-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xl);max-width:80rem;margin:0 auto}.landing-hero-copy{width:100%}.landing-hero-visual-wrap{display:none;width:100%}.landing-hero-visual{border-radius:20px;overflow:hidden;aspect-ratio:1;background:var(--surface-container-low);position:relative}.landing-hero-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}.landing-hero-visual:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--brand) 14%,transparent);mix-blend-mode:multiply;pointer-events:none}@media (min-width:900px){.landing-mobile-nav{display:none}.landing-nav-desktop{display:flex}.landing-bento-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.landing-span-7{grid-column:span 7}.landing-span-5{grid-column:span 5}.landing-span-12{grid-column:span 12}.landing-hero-wrap{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;text-align:right;grid-gap:var(--space-2xl);gap:var(--space-2xl);padding:0 var(--space-md)}.landing-hero-visual-wrap{display:block}.landing-hero-lead,.landing-hero-title{text-align:right}.landing-hero-cta{align-items:flex-end}}.pathway-context-grid{margin-top:12px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.pathway-context-field{display:grid;grid-gap:6px;gap:6px}.pathway-context-field>span{font-size:.82rem;color:#334155;font-weight:700}.pathway-context-field input,.pathway-context-field select,.pathway-context-field textarea{width:100%;border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:10px 12px;font:inherit;color:#0f172a;transition:border-color .16s ease,box-shadow .16s ease}.pathway-context-field textarea{resize:vertical;min-height:74px}.pathway-context-field input:focus,.pathway-context-field select:focus,.pathway-context-field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--pathway-accent,#0ea5e9) 52%,#2563eb);box-shadow:0 0 0 3px color-mix(in srgb,var(--pathway-accent,#0ea5e9) 24%,transparent)}.pathway-context-field--wide{grid-column:1/-1}.pathway-inline-notice{border-radius:14px;padding:16px;background:#fff;border:1px solid var(--border)}.pathway-context-summary{margin:10px 0 0;font-size:.82rem;color:#0f172a;line-height:1.5}@media (max-width:820px){.pathway-context-grid{grid-template-columns:minmax(0,1fr)}}.result-stitch-page{min-height:100dvh;background:#f7f9fb;color:#191c1e}.result-stitch-header{position:fixed;top:0;right:0;left:0;z-index:var(--z-header);display:flex;justify-content:space-between;align-items:center;min-height:64px;padding:0 20px;background:color-mix(in srgb,#f7f9fb 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(199,196,216,.35)}.result-stitch-header-brand{display:flex;align-items:center;gap:10px}.result-stitch-header-avatar{display:inline-flex;align-items:center;justify-content:center}.result-stitch-header-avatar .material-symbols-outlined{font-size:30px;color:#4f46e5}.result-stitch-header-title{font-family:var(--font-cairo),"Cairo",sans-serif;font-weight:900;font-size:1.1rem;color:#3525cd}.result-stitch-header-share{border:0;background:transparent;padding:10px;border-radius:999px;cursor:pointer;color:#464555;line-height:1;display:inline-flex;align-items:center;justify-content:center}.result-stitch-header-share .material-symbols-outlined{font-size:24px}.result-stitch-header-share:hover{background:#f2f4f6}.result-stitch-main{max-width:64rem;margin:0 auto;padding:96px var(--space-ml) 120px;display:flex;flex-direction:column;gap:var(--space-lg)}@media (min-width:900px){.result-stitch-main{padding-bottom:48px}}.result-reveal-frame-outer{background:#f2f4f6;border-radius:14px;padding:4px}.result-reveal-frame-inner{background:#fff;border-radius:12px;padding:var(--space-xl) var(--space-ml)}.result-reveal-layout{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);text-align:center}@media (min-width:768px){.result-reveal-layout{flex-direction:row-reverse;align-items:center;text-align:right;gap:var(--space-2xl)}}.result-reveal-visual-wrap{flex-shrink:0;width:100%;max-width:280px}.result-reveal-visual{position:relative;display:flex;justify-content:center;align-items:center}.result-reveal-glow{position:absolute;inset:0;margin:auto;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,#3525cd 22%,transparent) 0,color-mix(in srgb,#3525cd 8%,transparent) 50%,transparent 75%);filter:blur(28px);opacity:.7;animation:result-reveal-pulse 5s ease-in-out infinite}@keyframes result-reveal-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}.result-reveal-img{object-fit:cover;border-radius:999px;border:4px solid #f2f4f6;box-shadow:0 18px 40px rgba(25,28,30,.12)}.result-reveal-emoji-fallback,.result-reveal-img{position:relative;z-index:1;width:min(256px,72vw);height:min(256px,72vw)}.result-reveal-emoji-fallback{border-radius:999px;border:6px solid #fff;background:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.7) 0,transparent 50%),linear-gradient(145deg,#ddd0ff,#ede4ff 50%,#f2f4f6);display:flex;align-items:center;justify-content:center;font-size:5.5rem;box-shadow:inset 0 4px 0 rgba(53,37,205,.06),0 18px 40px rgba(25,28,30,.12),0 0 0 1px rgba(53,37,205,.08);transition:transform .4s var(--ease-out)}.result-reveal-emoji-fallback:before{content:"";position:absolute;inset:-2px;border-radius:999px;background:conic-gradient(from 0deg,rgba(53,37,205,0) 0deg,rgba(53,37,205,.25) 90deg,rgba(53,37,205,0) 180deg,rgba(53,37,205,.25) 270deg,rgba(53,37,205,0) 1turn);z-index:-1;animation:result-reveal-orbit 12s linear infinite}@keyframes result-reveal-orbit{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.result-reveal-emoji-fallback:before,.result-reveal-glow{animation:none}}.result-reveal-badge{position:absolute;bottom:-8px;left:-8px;z-index:2;background:#3525cd;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 12px 28px rgba(53,37,205,.35)}.result-reveal-badge-ms{font-size:2.25rem;line-height:1;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.result-reveal-copy{flex:1 1;min-width:0}.result-reveal-pill{display:inline-block;background:#d5e3fc;color:#57657a;padding:6px 16px;border-radius:999px;font-size:.88rem;font-weight:800;margin-bottom:14px}.result-reveal-title{margin:0 0 16px;font-family:var(--font-cairo),"Cairo",sans-serif;font-weight:900;font-size:clamp(2rem,5.5vw,3rem);line-height:1.18;color:#3525cd}@media (min-width:768px){.result-reveal-title{font-size:clamp(2.25rem,4vw,3.125rem)}}.result-reveal-body{margin:0;font-size:1.1rem;line-height:1.75;color:#464555;font-weight:500}.result-reveal-shimmer-block{text-align:right}.friendly-letter{background:var(--surface-lowest);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-ml) var(--space-md);margin-top:var(--space-md);box-shadow:var(--shadow-float);display:flex;flex-direction:column;gap:var(--space-ms);font-family:Tajawal,Cairo,system-ui,sans-serif;line-height:var(--leading-relaxed);color:var(--text);direction:rtl;text-align:right}.friendly-letter--loading{min-height:320px;gap:var(--space-sm)}.friendly-letter-loading-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--brand-muted);color:var(--brand-deep);border-radius:999px;font-size:var(--text-sm);font-weight:800;align-self:flex-start;margin-bottom:var(--space-xs)}.friendly-letter-loading-dot{width:6px;height:6px;border-radius:999px;background:var(--brand);animation:friendly-letter-loading-dot 1.2s ease-in-out infinite}.friendly-letter-loading-dot:nth-child(2){animation-delay:.2s}.friendly-letter-loading-dot:nth-child(3){animation-delay:.4s}@keyframes friendly-letter-loading-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.friendly-letter-loading-dot{animation:none}}.friendly-letter-greeting{margin:0;font-size:var(--text-xl);font-weight:800;color:var(--brand)}.friendly-letter-para{margin:0;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text)}.friendly-letter-para strong{color:var(--brand-deep);font-weight:800}.friendly-letter-intro{margin-top:var(--space-xs);font-weight:700}.friendly-letter-deep{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs)}.friendly-letter-deep-anchor{margin:0;font-size:var(--text-xl);font-weight:800;color:var(--text);line-height:1.2;animation:friendly-letter-anchor-in .5s var(--ease-out) backwards;animation-delay:80ms}@keyframes friendly-letter-anchor-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.friendly-letter-deep-anchor{animation:none}}.friendly-letter-deep-anchor-label{color:var(--muted);font-weight:700}.friendly-letter-deep-anchor-name{color:var(--brand);font-size:1.25em;font-weight:900;letter-spacing:-.01em}.friendly-letter-deep-identity{margin:0;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text)}.friendly-letter-deep-signature{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--space-md) var(--space-md) var(--space-md) calc(var(--space-md) + 8px);background:linear-gradient(135deg,#f5efff,#e9dffe 50%,#f0e6ff);border:2px solid var(--brand-muted);border-right:6px solid var(--brand);border-radius:var(--radius-lg);margin:var(--space-sm) 0;box-shadow:0 2px 12px rgba(53,37,205,.08)}.friendly-letter-deep-signature:before{content:"\201C";position:absolute;top:-4px;right:8px;font-size:48px;font-weight:900;color:var(--brand);opacity:.18;line-height:1}.friendly-letter-deep-signature-label{font-size:var(--text-xs);font-weight:800;color:var(--brand);text-transform:uppercase;letter-spacing:.08em}.friendly-letter-deep-signature-text{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--brand-deep);line-height:var(--leading-snug)}.friendly-letter-deep-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-lowest);overflow:hidden;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.friendly-letter-deep-section.is-open{border-color:var(--brand-muted);box-shadow:0 2px 8px rgba(53,37,205,.06)}.friendly-letter-deep-section .friendly-letter-deep-toggle-chevron{transition:transform .2s var(--ease-out)}.friendly-letter-deep-section.is-open .friendly-letter-deep-toggle-chevron{transform:rotate(180deg)}.friendly-letter-deep-list{animation:friendly-letter-expand .3s var(--ease-out)}@keyframes friendly-letter-expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.friendly-letter-deep-toggle{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;font-family:inherit;font-size:var(--text-md);font-weight:700;color:var(--text);text-align:right;cursor:pointer;min-height:var(--touch-min);transition:background .15s var(--ease-out)}.friendly-letter-deep-toggle:hover{background:var(--brand-muted)}.friendly-letter-deep-toggle-icon{font-size:var(--text-lg);flex-shrink:0}.friendly-letter-deep-toggle-text{flex:1 1;text-align:right}.friendly-letter-deep-toggle-chevron{font-size:var(--text-xl);font-weight:900;color:var(--brand);width:24px;text-align:center}.friendly-letter-deep-list{list-style:none;margin:0;padding:0 var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.friendly-letter-deep-item{position:relative;padding:var(--space-xs) var(--space-md);padding-right:calc(var(--space-md) + 16px);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text);background:var(--surface-container-low);border-radius:var(--radius-sm)}.friendly-letter-deep-item:before{content:"•";position:absolute;right:var(--space-sm);top:var(--space-xs);color:var(--brand);font-weight:900;font-size:var(--text-md)}.friendly-letter-deep-section--strengths.is-open{border-color:#10b981}.friendly-letter-deep-section--thrives.is-open{border-color:#16a34a}.friendly-letter-deep-section--watchouts.is-open{border-color:#f59e0b}.friendly-letter-deep-section--drains.is-open{border-color:#dc2626}.friendly-letter-careers{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.friendly-letter-careers-head{margin:0;font-size:var(--text-md);font-weight:800;color:var(--text)}.friendly-letter-careers-sub{margin:0;font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-snug)}.friendly-letter-options{display:flex;flex-direction:column;gap:var(--space-ms)}.friendly-letter-option{position:relative;background:var(--surface-container-low);border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-ms) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);transition:border-color .15s var(--ease-out),transform .15s var(--ease-out);animation:friendly-letter-option-in .4s var(--ease-out) backwards}@keyframes friendly-letter-option-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.friendly-letter-option{animation:none}}.friendly-letter-option--best{border-color:#15803d;border-width:3px;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.friendly-letter-option--strong{border-color:#22c55e;background:linear-gradient(135deg,#f7fef9,#ecfdf5)}.friendly-letter-option--good{border-color:#84cc16;background:linear-gradient(135deg,#fafff5,#f7fee7)}.friendly-letter-option--ok{border-color:#d4d4d8;background:var(--surface-lowest);opacity:.92}.friendly-letter-option-grade{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:800;flex-wrap:wrap}.friendly-letter-option-pct{margin-right:auto;margin-left:0;font-size:var(--text-xs);font-weight:700;color:var(--muted);padding:2px 8px;background:hsla(0,0%,100%,.7);border-radius:999px}.friendly-letter-option-bar{width:100%;height:6px;background:rgba(0,0,0,.06);border-radius:999px;overflow:hidden;margin-top:var(--space-xs)}.friendly-letter-option-bar-fill{height:100%;width:0;border-radius:999px;animation:friendly-letter-bar-fill .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--bar-delay,.12s)}@keyframes friendly-letter-bar-fill{0%{width:0}to{width:var(--bar-target,0)}}@media (prefers-reduced-motion:reduce){.friendly-letter-option-bar-fill{animation:none;width:var(--bar-target,0)}}.friendly-letter-option--best .friendly-letter-option-bar-fill{background:linear-gradient(90deg,#15803d,#22c55e)}.friendly-letter-option--strong .friendly-letter-option-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.friendly-letter-option--good .friendly-letter-option-bar-fill{background:linear-gradient(90deg,#84cc16,#a3e635)}.friendly-letter-option--ok .friendly-letter-option-bar-fill{background:linear-gradient(90deg,#a1a1aa,#d4d4d8)}.friendly-letter-option-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:hsla(0,0%,100%,.7);font-weight:900;font-size:var(--text-base)}.friendly-letter-option--best .friendly-letter-option-badge{background:#15803d;color:#fff}.friendly-letter-option--strong .friendly-letter-option-badge{background:#22c55e;color:#fff}.friendly-letter-option--good .friendly-letter-option-badge{background:#84cc16;color:#fff}.friendly-letter-option--ok .friendly-letter-option-badge{background:#a1a1aa;color:#fff}.friendly-letter-option-label{text-transform:uppercase;letter-spacing:.03em}.friendly-letter-option--best .friendly-letter-option-label,.friendly-letter-option--strong .friendly-letter-option-label{color:#15803d}.friendly-letter-option--good .friendly-letter-option-label{color:#65a30d}.friendly-letter-option--ok .friendly-letter-option-label{color:var(--muted)}.friendly-letter-option-head{margin:0;display:flex;flex-direction:column;gap:4px}.friendly-letter-career{display:inline-block;font-size:var(--text-lg);font-weight:800;color:var(--brand-deep)}.friendly-letter-hook{margin:0;font-size:var(--text-base);color:var(--text);line-height:var(--leading-normal)}.friendly-letter-demand{font-size:var(--text-sm);font-weight:700;color:var(--brand-deep)}.friendly-letter-closing{margin:var(--space-xs) 0 0;padding-top:var(--space-ms);border-top:1px dashed var(--border);font-size:var(--text-md);font-weight:700;color:var(--brand);text-align:center}@media (min-width:768px){.friendly-letter{padding:var(--space-xl) var(--space-lg)}}.result-badges--compact{padding:12px 14px}.share-stitch-panel{position:relative;border-radius:18px;padding:28px 22px;text-align:center;color:#fff;background:#3525cd;overflow:hidden;box-shadow:0 16px 40px rgba(53,37,205,.25)}.share-stitch-panel:after,.share-stitch-panel:before{content:"";position:absolute;border-radius:999px;background:hsla(0,0%,100%,.06);pointer-events:none;z-index:0}.share-stitch-panel:before{width:16rem;height:16rem;top:-8rem;right:-8rem}.share-stitch-panel:after{width:12rem;height:12rem;bottom:-6rem;left:-6rem}.share-stitch-panel-bg{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 100% 0,hsla(0,0%,100%,.1) 0,transparent 45%),radial-gradient(circle at 0 100%,hsla(0,0%,100%,.08) 0,transparent 40%)}.share-stitch-panel-title{position:relative;z-index:1;margin:0 0 22px;font-family:var(--font-cairo),"Cairo",sans-serif;font-size:1.35rem;font-weight:800}.share-stitch-panel-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:stretch}@media (min-width:640px){.share-stitch-panel-actions{flex-direction:row;justify-content:center}}.share-stitch-save,.share-stitch-wa{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font:inherit;min-height:52px;transition:transform .15s ease}.share-stitch-save .material-symbols-outlined,.share-stitch-wa .material-symbols-outlined{font-size:22px}.share-stitch-save .material-symbols-outlined{color:#3525cd}.share-stitch-save:hover,.share-stitch-wa:hover{transform:scale(1.02)}.share-stitch-wa{background:#25d366;color:#fff;box-shadow:0 10px 24px rgba(37,211,102,.35)}.share-stitch-save{background:#fff;color:#3525cd;box-shadow:0 10px 24px rgba(0,0,0,.08)}.share-stitch-save:disabled{opacity:.88;cursor:wait;transform:none}.share-stitch-save:disabled:hover{transform:none}.share-stitch-save-error{margin:10px 0 0;font-size:.88rem;font-weight:700;color:#b45309;text-align:center;line-height:1.45}.result-share-export-card{position:fixed;left:-12000px;top:0;width:600px;height:315px;box-sizing:border-box;font-family:var(--font-cairo),"Cairo",sans-serif;background:linear-gradient(145deg,#f7f9fb,#ebe4ff 38%,#e2dfff);color:#191c1e;overflow:hidden;z-index:-1;pointer-events:none}.result-share-export-glow{position:absolute;width:200px;height:200px;border-radius:999px;top:-60px;right:-40px;pointer-events:none}.result-share-export-layout{position:relative;z-index:1;display:flex;flex-direction:row-reverse;align-items:stretch;gap:10px;height:100%;padding:12px 14px 10px;box-sizing:border-box}.result-share-export-copy{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:4px}.result-share-export-brand{font-size:13px;font-weight:900;color:#3525cd;letter-spacing:-.02em}.result-share-export-pill{background:#d5e3fc;color:#57657a;font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px}.result-share-export-headline{font-size:15px;font-weight:900;color:#3525cd;line-height:1.25;margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.result-share-export-body{margin:0;font-size:11px;font-weight:500;color:#464555;line-height:1.45;max-height:3.2em;overflow:hidden}.result-share-export-careerbox{margin-top:4px;padding:8px 10px;border-radius:10px;background:hsla(0,0%,100%,.94);border:1px solid;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.result-share-export-career-kicker{font-size:9px;font-weight:700;color:#57657a}.result-share-export-career-title{font-size:13px;font-weight:900;line-height:1.2}.result-share-export-salary{font-size:10px;font-weight:700;color:#464555}.result-share-export-top3{font-size:9px;font-weight:600;color:#57657a;margin-top:2px}.result-share-export-meta{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:10px;margin-top:auto;padding-top:4px;font-size:9px;font-weight:700;color:#665883}.result-share-export-visual{flex-shrink:0;width:86px}.result-share-export-ring,.result-share-export-visual{display:flex;align-items:center;justify-content:center}.result-share-export-ring{width:72px;height:72px;border-radius:999px;border:4px solid;background:hsla(0,0%,100%,.96);flex-direction:column;gap:0}.result-share-export-ring-emoji{font-size:26px;line-height:1}.result-share-export-ring-pct{font-size:15px;font-weight:900;line-height:1.1;margin-top:2px}.result-share-export-ring-label{font-size:8px;font-weight:700;color:#57657a}.result-explore-grid{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}@media (min-width:768px){.result-explore-grid{grid-template-columns:1fr 1fr}}.result-explore-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 16px;background:#f2f4f6;border:1px solid rgba(199,196,216,.25);border-radius:14px;text-decoration:none;color:inherit;transition:background .18s ease,border-color .18s ease}.result-explore-card:hover{background:#e6e8ea;border-color:color-mix(in srgb,#3525cd 28%,transparent)}.result-explore-card>div:nth-of-type(2){flex:1 1;min-width:0;text-align:right}.result-explore-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,#3525cd 12%,transparent);color:#3525cd}.result-explore-icon .material-symbols-outlined{font-size:22px}.result-explore-title{margin:0 0 4px;font-family:var(--font-cairo),"Cairo",sans-serif;font-weight:800;font-size:1rem}.result-explore-sub{margin:0;font-size:.78rem;color:#464555;line-height:1.45}.result-explore-chevron{color:#777587;font-size:1.1rem;opacity:.85}.result-stitch-bottom-nav{position:fixed;bottom:0;right:0;left:0;z-index:var(--z-sticky);display:flex;flex-direction:row-reverse;justify-content:space-around;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#ffffffee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(199,196,216,.35);box-shadow:0 -10px 28px rgba(25,28,30,.06)}.result-stitch-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:600;color:#464555;text-decoration:none;padding:var(--space-sm) var(--space-md);min-height:var(--touch-min);border-radius:var(--radius-md);opacity:.85}.result-stitch-nav-item.is-active{color:#4f46e5;background:#d5e3fc;opacity:1}.result-stitch-nav-icon{font-size:22px}.result-stitch-nav-item.is-active .result-stitch-nav-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}@media (min-width:900px){.result-stitch-bottom-nav{display:none}}.not-found-root{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-ml);text-align:center;gap:var(--space-md)}.not-found-kicker{margin:0;font-size:.9rem;color:var(--muted)}.not-found-title{margin:0;font-family:var(--font-cairo),"Cairo",system-ui,sans-serif;font-size:1.75rem;font-weight:800}.not-found-lead{margin:0;max-width:26rem;line-height:1.7;color:var(--muted)}.not-found-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.legal-page{max-width:42rem;margin:0 auto;padding:24px 20px 56px}.legal-page-header a{color:var(--brand);text-decoration:none;font-weight:600}.legal-page-header a:hover{text-decoration:underline}.legal-page-main h1{font-family:var(--font-cairo),"Cairo",system-ui,sans-serif;font-size:1.65rem;font-weight:800;margin:24px 0 16px}.legal-page-main p{margin:0;font-size:.82rem;color:#64748b}.where-now-confirmed-row{display:flex;align-items:center;gap:10px;padding:10px 16px;background:color-mix(in srgb,var(--pathway-accent,#3525cd) 6%,#fff);border:1px solid color-mix(in srgb,var(--pathway-accent,#3525cd) 18%,#e2e8f0);border-radius:12px;margin-bottom:12px;direction:rtl}.where-now-confirmed-label{flex:1 1;font-size:.875rem;font-weight:600;color:var(--pathway-accent,#3525cd);font-family:Tajawal,system-ui,sans-serif}.where-now-change-btn{font-size:.8rem;color:var(--muted,#464555);background:none;border:none;cursor:pointer;text-decoration:underline;padding:var(--space-sm) var(--space-ms);min-height:var(--touch-min);display:inline-flex;align-items:center;font-family:Tajawal,system-ui,sans-serif}.search-links-row{display:flex;flex-wrap:wrap;gap:8px;direction:rtl}.search-link-chip{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--pathway-accent,#3525cd) 8%,#f7f9fb);color:var(--pathway-accent,#3525cd);border:1px solid color-mix(in srgb,var(--pathway-accent,#3525cd) 18%,#e2e8f0);text-decoration:none;transition:var(--ease-fast);white-space:nowrap}.search-link-chip:hover{background:color-mix(in srgb,var(--pathway-accent,#3525cd) 15%,#fff);border-color:var(--pathway-accent,#3525cd)}.landing-bento-img-wrap{border-radius:var(--radius-lg);overflow:hidden;max-height:220px;position:relative}.landing-bento-feature--alt{min-height:auto;background:var(--surface-lowest);border:1px solid var(--border)}.landing-stat-label{margin:0;font-size:var(--text-sm);opacity:.9}.landing-stat-sub{margin:var(--space-xs) 0 0;font-size:var(--text-base)}.landing-stat-track{margin-top:var(--space-md);height:8px;border-radius:999px;background:hsla(0,0%,100%,.2);overflow:hidden}.landing-stat-fill{width:98%;height:100%;background:#fff;border-radius:999px}.landing-wide h3{margin:0 0 var(--space-sm);font-family:Cairo,sans-serif;font-size:1.35rem;font-weight:800}.landing-wide p{margin:0;color:var(--muted);line-height:var(--leading-relaxed)}.btn-primary:active,.btn-secondary:active,.landing-cta-btn:active,.landing-final-cta a:active{transform:scale(.97)}.quiz-option:active:not(:disabled){transform:scale(.98)}.quiz-phase-tab:active:not(:disabled),.search-link-chip:active,.where-now-option:active{transform:scale(.97)}.result-stitch-nav-item:active{transform:scale(.94)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.landing-cta-btn:focus-visible,.landing-final-cta a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 50%,transparent);outline-offset:2px}.quiz-option:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:2px}.quiz-phase-tab:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:2px}.landing-mobile-nav a:focus-visible,.landing-nav-desktop a:focus-visible,.result-stitch-nav-item:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 40%,transparent);outline-offset:2px}.where-now-change-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.friendly-letter-deep-toggle:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 50%,transparent);outline-offset:-3px}@media (hover:hover){.friendly-letter-option:hover{transform:translateY(-2px)}}.friendly-letter-deep-toggle:active:not(:disabled){background:color-mix(in srgb,var(--brand-muted) 70%,transparent)}