@charset "UTF-8";:root{color-scheme:light;--font-body: "Inter", "Cairo", sans-serif;--container-max-width: 1160px;--header-max-width: 1280px;--radius-sm: 8px;--radius-md: 12px;--radius-interactive: 11px;--radius-card: 20px;--radius-xl: 20px;--radius-hero: 25px;--radius-pill: 999px;--z-sticky: 100;--z-dropdown: 110;--z-modal: 200;--brand-charcoal: #29252f;--brand-cream: #f7f5f1;--brand-orange: #f47745;--brand-yellow: #f2c94c;--color-primary: #f47745;--color-primary-hover: #f47745;--color-primary-light: #f47745;--color-accent: #f2c94c;--color-selected: #f2c94c;--color-success-fill: #f2c94c;--color-danger-fill: #f47745;--color-danger-hover: #f47745;--color-success: #29252f;--color-warning: #29252f;--color-danger: #29252f;--color-info: #29252f;--color-background: #f7f5f1;--color-surface: #f7f5f1;--color-surface-secondary: color-mix(in srgb, #29252f 4%, #f7f5f1);--color-surface-hover: color-mix(in srgb, #f2c94c 14%, #f7f5f1);--color-text: #29252f;--color-text-secondary: #29252fbf;--color-text-muted: #29252fbf;--border-color: #29252f26;--border-glow: #29252f26;--shadow-sm: 0 3px 12px #29252f08;--shadow-md: 0 12px 32px #29252f12;--shadow-lg: 0 20px 60px #29252f1a;--glass-bg: var(--color-surface);--glass-border: var(--border-color);--glass-blur: none;--glass-highlight: transparent;--on-primary: #29252f;--on-selected: #29252f;--primary-gradient: linear-gradient(#f47745, #f47745);--hero-gradient: linear-gradient(120deg, #f2c94c1a, #f477451a);--hero-gradient-rtl: linear-gradient(240deg, #f2c94c1a, #f477451a);--accent-orange: #f47745;--accent-pink: #f47745;--accent-lilac: #f2c94c1a;--bg-gradient: var(--color-background);--focus-ring: #29252f;--transition: .18s ease;--transition-normal: .18s ease}html[data-theme=dark],[data-theme=dark],body.dark-theme{color-scheme:dark;--color-background: #29252f;--color-surface: color-mix(in srgb, #f7f5f1 5%, #29252f);--color-surface-secondary: color-mix(in srgb, #f7f5f1 9%, #29252f);--color-surface-hover: color-mix(in srgb, #f2c94c 14%, #29252f);--color-text: #f7f5f1;--color-text-secondary: #f7f5f1cc;--color-text-muted: #f7f5f1bf;--color-success: #f7f5f1;--color-warning: #f7f5f1;--color-danger: #f7f5f1;--color-info: #f7f5f1;--border-color: #f7f5f126;--border-glow: #f7f5f126;--focus-ring: #f2c94c}:root,html[data-theme=light],html[data-theme=dark],body.dark-theme{--background: var(--color-background);--background-secondary: var(--color-surface-secondary);--surface: var(--color-surface);--surface-color: var(--color-surface);--surface-solid: var(--color-surface);--surface-hover: var(--color-surface-hover);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--secondary: var(--color-accent);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-danger);--info: var(--color-info);--text: var(--color-text);--text-primary: var(--color-text);--text-main: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-disabled: var(--color-text-muted);--text-light: var(--color-text-muted);--border: var(--border-color);--border-soft: var(--border-color);--glass-background: var(--color-surface);--color-bg-app: var(--color-background);--bg-app: var(--color-background);--bg-surface: var(--color-surface);--bg-surface-solid: var(--color-surface);--bg-surface-secondary: var(--color-surface-secondary);--bg-surface-hover: var(--color-surface-hover);--code-background: var(--color-surface-secondary);--input-background: var(--color-surface);--muted-surface: var(--color-surface-secondary);--color-primary-dark: var(--color-primary-hover);--color-primary-soft: var(--color-surface-hover);--color-border: var(--border-color)}body{background:var(--bg-gradient);color:var(--color-text);font-family:Inter,Cairo,sans-serif;min-height:100vh}.badge-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;color:#29252f}.badge-pill.beginner,.badge-pill.passed{background:color-mix(in srgb,#f2c94c 30%,#f7f5f1)}.badge-pill.intermediate{background:color-mix(in srgb,#f47745 25%,#f7f5f1)}.badge-pill.advanced,.badge-pill.failed{background:#29252f;color:#f7f5f1;border:1px solid #f47745}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fade-in .35s ease forwards}.slide-up{animation:slide-up .4s ease forwards}.scale-in{animation:scale-in .35s ease forwards}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:Inter,Cairo,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,Cairo,sans-serif;color:var(--color-text);font-weight:700;line-height:1.2}.title-xl{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.03em;font-weight:800}.subtitle{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--color-text-secondary);font-weight:400}:root{--font-family-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html,body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary, var(--color-text));line-height:1.5}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700;color:var(--text-primary, var(--color-text));line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1rem}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}html[dir=rtl] body{font-family:Inter,Cairo,sans-serif}.container{width:100%;max-width:var(--container-max-width);margin-inline-start:auto;margin-inline-end:auto;padding-inline:2rem}.container-wide{width:100%;max-width:var(--header-max-width);margin-inline-start:auto;margin-inline-end:auto;padding-inline:1.5rem}.section{padding:5rem 0;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;border-radius:var(--radius-interactive);text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#29252f;box-shadow:0 4px 14px #29252f33}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 6px 20px #29252f4d}.btn-glass{background:#f7f5f166;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-text);border:1px solid rgba(41,37,47,.08)}.btn-glass:hover{background:#f7f5f1b3;border-color:#29252f26}.card{background:var(--color-surface, #f7f5f1);border:1px solid var(--border-color, rgba(242, 201, 76, .12));border-radius:var(--radius-card, 20px);padding:1.5rem;box-shadow:var(--shadow-sm, 0 4px 12px rgba(41, 37, 47, .03));color:var(--color-text, var(--color-text));transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease;box-sizing:border-box}.glass-card{background:var(--glass-bg, rgba(247, 245, 241, .75))!important;backdrop-filter:var(--glass-blur, blur(16px) saturate(120%));-webkit-backdrop-filter:var(--glass-blur, blur(16px) saturate(120%));border:1px solid var(--glass-border, rgba(242, 201, 76, .12))!important;border-radius:var(--radius-card, 20px);box-shadow:var(--shadow-md, 0 10px 30px rgba(41, 37, 47, .04));color:var(--color-text, var(--color-text));transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .25s cubic-bezier(.16,1,.3,1);box-sizing:border-box;position:relative;overflow:hidden}.glass-card--interactive,.card--interactive{cursor:pointer}.glass-card--interactive:hover,.card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg, 0 14px 36px rgba(41, 37, 47, .08));border-color:var(--color-primary-light, rgba(242, 201, 76, .3))!important}.glass-card--interactive:active,.card--interactive:active{transform:translateY(-1px)}.glass-card--glow:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(242,201,76,.3) 0%,transparent 60%);-webkit-mask:linear-gradient(#f7f5f1 0 0) content-box,linear-gradient(#f7f5f1 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card--flat,.glass-card--flat{box-shadow:none!important}input,textarea,select{width:100%;height:40px;padding:0 1.25rem;border-radius:var(--radius-interactive);border:1px solid var(--border);background:var(--color-surface);color:var(--text);font-family:var(--font-body);font-size:.95rem;outline:none;transition:var(--transition)}textarea{min-height:160px;padding-top:1rem;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:.6rem;font-weight:600;color:var(--text)}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html{scrollbar-color:var(--border-glow) var(--color-background)}body{background:var(--color-background)}button,input,select,textarea{font-family:inherit}button{touch-action:manipulation}a{text-underline-offset:4px}:focus-visible{outline:3px solid var(--focus-ring, var(--color-primary))!important;outline-offset:3px}input,textarea,select{accent-color:var(--color-primary)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text)!important}:is(.btn-primary,.btn-save,.btn-create,.btn-start,.btn-submit,.btn-next,.btn-finish){color:var(--on-primary)}html[dir=rtl] :is(h1,h2,h3){letter-spacing:normal}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:640px){.container,.container-wide{padding-inline:16px}}.hero,.welcome-panel,app-auth-welcome,.sidebar{--focus-ring: #f2c94c}.quiz-card{--focus-ring: var(--color-text)}@media(max-width:480px){app-public-header .header .container-wide{gap:6px;padding-inline:8px}app-public-header .actions .theme-switcher{width:32px;height:40px}app-public-header .actions .current{height:40px;gap:4px;padding-inline:6px}app-public-header .actions .current>.material-symbols-rounded:first-child{display:none}}app-public-header .brand{width:104px;height:76px}app-public-header .brand app-logo{--brand-size: 76px;width:76px;height:76px}app-public-footer .brand-summary app-logo{--brand-size: 112px;width:112px;height:112px}app-public-header .header{background:#29252f}app-public-header{--color-text: #f7f5f1;--color-text-secondary: #f7f5f1cc;--color-text-muted: #f7f5f1bf;--color-surface: #29252f;--color-surface-secondary: color-mix(in srgb, #f7f5f1 6%, #29252f);--color-surface-hover: color-mix(in srgb, #f7f5f1 10%, #29252f);--glass-bg: #29252f;--glass-border: #f7f5f126;--border-color: #f7f5f126;--border-glow: #f7f5f126;--text: #f7f5f1;--text-muted: #f7f5f1bf;--surface: #29252f;--primary: #f2c94c;--on-primary: #29252f;--focus-ring: #f2c94c}app-public-header .nav a.active,app-public-header .nav a:hover{color:#f2c94c}app-public-header .nav a:after{background:#f2c94c}app-public-header .actions .register,app-public-header .actions .register:hover{background:#f47745;color:#29252f}app-public-header .notif-badge{background:#f2c94c;color:#29252f;box-shadow:none;animation:none}app-public-header .initials-avatar{background:#f2c94c;color:#29252f}app-public-footer .global-footer{--on-primary: #29252f;--focus-ring: #f2c94c}app-public-footer .submit-arrow-btn,app-public-footer .submit-arrow-btn:hover{background:#f47745;color:#29252f}app-public-footer .social-circle:hover{background:#f2c94c;color:#29252f}app-public-footer .heart{font-size:0}app-public-footer .heart:after{content:"\2665";color:#f2c94c;font-size:14px}::selection{background:#f2c94c;color:#29252f}:is(.error-msg,.error-text,.form-error){border-inline-start:3px solid #f47745;padding-inline-start:10px}.success-msg{border-inline-start:3px solid #f2c94c}@media(max-width:480px){app-public-header .brand{width:72px;height:64px}app-public-header .brand app-logo{--brand-size: 64px;width:64px;height:64px}}body:has(app-landing){background:#f7f5f1}app-public-layout:has(app-landing#maroquiz-landing){--mq-charcoal: #29252f;--mq-cream: #f7f5f1;--mq-orange: #f47745;--mq-yellow: #f2c94c;--color-background: #f7f5f1;--color-surface: #f7f5f1;--color-surface-secondary: color-mix(in srgb, #29252f 4%, #f7f5f1);--color-surface-hover: #f2c94c26;--color-primary: #f47745;--color-primary-hover: #f47745;--color-primary-light: #f2c94c;--color-accent: #f2c94c;--color-success: #29252f;--color-info: #29252f;--color-warning: #29252f;--color-danger: #29252f;--color-text: #29252f;--color-text-secondary: #29252fbf;--color-text-muted: #29252fbf;--border-color: #29252f26;--border-glow: #29252f26;--border: var(--border-color);--border-soft: var(--border-color);--shadow-sm: 0 4px 14px #29252f08;--shadow-md: 0 20px 60px #29252f17;--shadow-lg: 0 24px 65px #29252f26;--glass-bg: var(--color-surface);--glass-border: var(--border-color);--glass-background: var(--color-surface);--primary: var(--color-primary);--primary-hover: var(--color-primary-hover);--secondary: var(--color-accent);--surface: var(--color-surface);--surface-solid: var(--color-surface);--surface-hover: var(--color-surface-hover);--text: var(--color-text);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-disabled: var(--color-text-muted);--on-primary: #29252f;--primary-gradient: linear-gradient(#f47745, #f47745);--hero-gradient: linear-gradient(120deg, #f2c94c1a, #f477451a);--accent-orange: #f47745;--accent-pink: #f2c94c;--accent-lilac: #f2c94c1a;--mq-action-ink: #29252f;--focus-ring: #29252f;--radius-card: 22px;--radius-hero: 25px}app-public-layout:has(app-landing#maroquiz-landing) .public-layout-wrapper{background:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}app-public-layout:has(app-landing#maroquiz-landing) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}app-public-layout:has(app-landing#maroquiz-landing) :is(#majors,#subjects,#contact,#quiz-tables,#teachers,[id^=major-title-]){scroll-margin-top:110px}app-public-layout:has(app-landing#maroquiz-landing) h1,app-public-layout:has(app-landing#maroquiz-landing) h2,app-public-layout:has(app-landing#maroquiz-landing) h3,app-public-layout:has(app-landing#maroquiz-landing) p,app-public-layout:has(app-landing#maroquiz-landing) a{overflow-wrap:break-word}app-public-layout:has(app-landing#maroquiz-landing) button,app-public-layout:has(app-landing#maroquiz-landing) input{font-family:inherit}app-public-layout:has(app-landing#maroquiz-landing) app-public-header,app-public-layout:has(app-landing#maroquiz-landing) .global-footer{--focus-ring: #f2c94c;--on-primary: #29252f;--color-danger: #f2c94c;--color-success: #f2c94c;--color-text: #f7f5f1;--color-text-secondary: #f7f5f1cc;--color-text-muted: #f7f5f1bf;--color-surface: #29252f;--color-surface-secondary: #f7f5f10d;--color-surface-hover: #f7f5f11a;--color-primary: #f2c94c;--color-primary-hover: #f2c94c1a;--border-color: #f7f5f126;--border-glow: #f7f5f130;--glass-bg: #29252f;--glass-border: #f7f5f126;--text: #f7f5f1;--surface: #29252f;--primary: #f2c94c}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .header{padding:18px 22px 0;background:#29252f}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .container-wide{min-height:70px;height:auto;padding:.5rem 1rem;max-width:1160px;border-radius:18px;box-shadow:none;gap:1rem;background:#29252fb8}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .brand{width:104px;height:76px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav{gap:1rem}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav a{font-size:12px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav a.active,app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav a:hover{color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .search{min-width:100px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions{margin-inline-start:auto;gap:.4rem}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions a{font-size:12px;padding:.6rem .8rem}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions .register{background:#f47745;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions .register:hover{background:#f47745}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-section,app-public-layout:has(app-landing#maroquiz-landing) .community-grid .split-panels-section{padding:0;background:transparent;height:100%}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-container,app-public-layout:has(app-landing#maroquiz-landing) .community-grid .panel-card{--color-text: #29252f;--color-text-secondary: #29252fbf;--color-primary: #29252f;--color-surface: #f7f5f1;height:100%;display:block;padding:27px;border:0;border-radius:22px;box-shadow:none;background:color-mix(in srgb,#f2c94c 10%,#f7f5f1);text-align:start;margin:0}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-icon,app-public-layout:has(app-landing#maroquiz-landing) .community-contact-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f7f5f1;color:#29252f;margin-bottom:17px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-icon .material-symbols-rounded{font-size:22px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-content .eyebrow{background:transparent;padding:0;font-size:10px;margin-bottom:8px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-content h2,app-public-layout:has(app-landing#maroquiz-landing) .community-grid .panel-text-content h3{font-size:22px;letter-spacing:-.045em;line-height:1.2;margin-bottom:8px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-content p,app-public-layout:has(app-landing#maroquiz-landing) .community-grid .panel-text-content p{font-size:12px;line-height:1.7}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .feature-list{gap:10px;margin-block:16px;justify-content:start;align-items:start}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .feature-item{font-size:10px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-cta{background:#f47745;color:#29252f;min-height:39px;padding:10px 14px;font-size:11px;border-radius:12px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .panels-container{display:block;height:100%;padding:0}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .panel-card.contact-card{background:color-mix(in srgb,#f47745 10%,#f7f5f1)}app-public-layout:has(app-landing#maroquiz-landing) .community-contact-icon{color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .feedback-action-btn{color:#29252f;background:#f47745;padding:10px 14px;border-radius:12px;font-size:11px;box-shadow:none;margin-top:16px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .contact-info-list{gap:8px;margin-top:20px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .contact-info-list .info-row{font-size:11px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .contact-info-list .material-symbols-rounded{color:#29252f;font-size:16px}app-public-layout:has(app-landing#maroquiz-landing) .why-choose-container,app-public-layout:has(app-landing#maroquiz-landing) .mid-search-container{max-width:1160px}app-public-layout:has(app-landing#maroquiz-landing) .why-card{border-radius:19px;box-shadow:none}app-public-layout:has(app-landing#maroquiz-landing) .why-card:not(.highlighted) .why-icon{background:#f2c94c1a;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .why-card.highlighted :is(h3,p,.why-icon){color:var(--mq-action-ink)}app-public-layout:has(app-landing#maroquiz-landing) .mid-search-container{background:#29252f;border-radius:22px;box-shadow:none}app-public-layout:has(app-landing#maroquiz-landing) .mid-search-container .search-icon{color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .mid-search-container .icon-circle span{color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .benefit-item.analytics-benefit .icon-circle span{color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .benefit-item.practice-benefit .icon-circle span{color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .global-footer{background:#29252f;padding-top:37px}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .footer-container{max-width:1204px}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .brand-summary,app-public-layout:has(app-landing#maroquiz-landing) .global-footer .newsletter-col{min-width:0}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .newsletter-form-wrapper input{width:100%;min-width:0}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .links-group h4,app-public-layout:has(app-landing#maroquiz-landing) .global-footer .newsletter-col h4{color:#f7f5f1;font-size:12px}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .links-group li a,app-public-layout:has(app-landing#maroquiz-landing) .global-footer p{font-size:11px}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .footer-bottom-bar{margin-top:1rem}@media(max-width:1550px){app-public-layout:has(app-landing#maroquiz-landing) app-public-header .search{display:none}}@media(max-width:1100px){app-public-layout:has(app-landing#maroquiz-landing) app-public-header .mobile-menu-btn{display:flex}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav{display:none;position:absolute;top:calc(100% + 8px);inset-inline:.5rem;flex-direction:column;align-items:stretch;gap:0;padding:.75rem;border-radius:14px;background:#29252f;border:1px solid rgba(247,245,241,.1490196078);box-shadow:var(--shadow-md)}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav.mobile-open{display:flex}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav a{padding:.75rem;font-size:14px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav a:after{display:none}}@media(max-width:680px){app-public-layout:has(app-landing#maroquiz-landing) app-public-header .header{padding:10px 14px 0}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .container-wide{gap:.4rem;padding-inline:.5rem;min-height:60px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .brand{width:115px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions{gap:.2rem}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions .current{padding-inline:.4rem}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions .theme-switcher{width:32px}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .feature-list{flex-direction:row}}@media(max-width:400px){app-public-layout:has(app-landing#maroquiz-landing) app-public-header .brand{width:95px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions>app-theme-switcher{width:28px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions .theme-switcher{width:28px}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions .current{gap:3px;padding-inline:3px}}html[dir=rtl] app-public-layout:has(app-landing#maroquiz-landing) h1,html[dir=rtl] app-public-layout:has(app-landing#maroquiz-landing) h2,html[dir=rtl] app-public-layout:has(app-landing#maroquiz-landing) h3{letter-spacing:normal}html[dir=rtl] app-public-layout:has(app-landing#maroquiz-landing) .catalog-pagination .material-symbols-rounded{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){app-public-layout:has(app-landing#maroquiz-landing) *,app-public-layout:has(app-landing#maroquiz-landing) *:before,app-public-layout:has(app-landing#maroquiz-landing) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}app-public-layout:has(app-landing#maroquiz-landing) .hero,app-public-layout:has(app-landing#maroquiz-landing) .quiz-card{--focus-ring: #f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .quiz-card{--focus-ring: #29252f}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .initials-avatar,app-public-layout:has(app-landing#maroquiz-landing) app-public-header .notif-badge{background:#f2c94c;color:#29252f;box-shadow:none;animation:none}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .notif-dropdown,app-public-layout:has(app-landing#maroquiz-landing) app-language-switcher .menu{box-shadow:0 15px 40px #29252f40}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav a:after{background:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .nav a.active{color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .mobile-only-register{background:#f47745;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) app-public-header .actions .register:is(:hover,:focus-visible){color:#29252f;box-shadow:0 4px #f4774533}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-content .eyebrow{color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-icon,app-public-layout:has(app-landing#maroquiz-landing) .community-contact-icon{background:#f2c94c;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .feature-item .material-symbols-rounded{color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-cta:hover{background:#f47745;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .community-grid .contact-info-list a{color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .why-choose-intro .accent-bar{background:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .why-card.highlighted{background:#f2c94c;border-color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .why-card.highlighted :is(h3,p,.why-icon){color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .mid-search-container{--focus-ring: #f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .mid-search-container input{--focus-ring: #29252f}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .submit-arrow-btn{background:#f47745;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .social-circle:hover{background:#f2c94c;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .newsletter-feedback{color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .heart{font-size:0}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .heart:after{content:"\2665";font-size:14px;color:#f2c94c}app-public-layout:has(app-landing#maroquiz-landing) .modal-box .btn-primary{background:#f47745;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .modal-box .error-text{color:var(--color-text);padding-inline-start:10px;border-inline-start:3px solid #f47745}html[data-theme=dark] body:has(app-landing){background:#29252f}html[data-theme=dark] app-public-layout:has(app-landing#maroquiz-landing){--color-background: #29252f;--color-surface: color-mix(in srgb, #f7f5f1 5%, #29252f);--color-surface-secondary: color-mix(in srgb, #f7f5f1 9%, #29252f);--color-surface-hover: #f2c94c26;--color-text: #f7f5f1;--color-text-secondary: #f7f5f1cc;--color-text-muted: #f7f5f1bf;--color-success: #f2c94c;--color-danger: #f2c94c;--border-color: #f7f5f126;--border-glow: #f7f5f126;--focus-ring: #f2c94c}html[data-theme=dark] app-public-layout:has(app-landing#maroquiz-landing) .major-section,html[data-theme=dark] app-public-layout:has(app-landing#maroquiz-landing) .table-scroll{--focus-ring: #f2c94c}html[data-theme=dark] app-public-layout:has(app-landing#maroquiz-landing) .community-grid .teacher-promo-container,html[data-theme=dark] app-public-layout:has(app-landing#maroquiz-landing) .community-grid .panel-card{--focus-ring: #29252f}app-public-layout:has(app-landing#maroquiz-landing) .why-card:not(.highlighted) .why-icon{background:#f2c94c;color:#29252f}app-public-layout:has(app-landing#maroquiz-landing) .catalog-section .eyebrow,app-public-layout:has(app-landing#maroquiz-landing) .dashboard-grid-section .eyebrow{color:var(--color-text)}app-public-layout:has(app-landing#maroquiz-landing) .catalog-section .eyebrow:before{background:#f2c94c}@media(prefers-reduced-motion:reduce){app-public-layout:has(app-landing#maroquiz-landing) :is(.btn,.major-section,.subject-link,.why-card,.teacher-promo-cta):hover{transform:none}}app-public-layout:has(app-landing#maroquiz-landing) app-public-header,app-public-layout:has(app-landing#maroquiz-landing) .global-footer{--text-primary: #f7f5f1;--text-secondary: #f7f5f1cc;--text-muted: #f7f5f1bf}app-public-layout:has(app-landing#maroquiz-landing) .btn-primary,app-public-layout:has(app-landing#maroquiz-landing) .btn-primary:hover{box-shadow:0 4px 14px #29252f1a}app-public-layout:has(app-landing#maroquiz-landing) .global-footer .submit-arrow-btn:hover{background:#f47745;color:#29252f}html:has(app-landing){scrollbar-color:rgba(41,37,47,.2509803922) #f7f5f1}html[data-theme=dark]:has(app-landing){scrollbar-color:rgba(247,245,241,.2509803922) #29252f}app-public-layout:has(app-landing#maroquiz-landing) ::selection{background:#f2c94c;color:#29252f}@media(max-width:480px){app-public-layout:has(app-landing#maroquiz-landing) app-public-header .brand{width:clamp(64px,20vw,72px);height:64px}}app-auth-layout:has(app-login#maroquiz-login) .layout{display:block;min-height:100dvh;padding:24px;background:var(--color-background);background-image:none}app-auth-layout:has(app-login#maroquiz-login) .layout__page{display:block;padding:0}app-auth-layout:has(app-login#maroquiz-login) .layout__preferences{top:24px;right:auto;left:auto;inset-inline-start:auto;inset-inline-end:max(24px,(100vw - 1160px) / 2)}app-auth-layout:has(app-login#maroquiz-login) .layout__preferences .theme-switcher,app-auth-layout:has(app-login#maroquiz-login) .layout__preferences .current{border:1px solid var(--border-color);border-radius:11px;background:var(--color-surface);color:var(--color-text)}app-auth-layout:has(app-login#maroquiz-login) .layout__preferences .theme-switcher:hover{background:var(--color-surface-secondary);color:var(--color-text)}app-auth-layout:has(app-login#maroquiz-login) :is(a,button,input[type=checkbox]):focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}app-auth-layout:has(app-login#maroquiz-login) button,app-auth-layout:has(app-login#maroquiz-login) a{-webkit-tap-highlight-color:transparent}@media(max-width:680px){app-auth-layout:has(app-login#maroquiz-login) .layout{padding:16px}app-auth-layout:has(app-login#maroquiz-login) .layout__preferences{top:16px;inset-inline-end:16px}app-auth-layout:has(app-login#maroquiz-login) .layout__preferences .current{padding-inline:10px}app-auth-layout:has(app-login#maroquiz-login) .layout__preferences{gap:6px}app-auth-layout:has(app-login#maroquiz-login) .layout__preferences .theme-switcher{width:38px}}@media(prefers-reduced-motion:reduce){app-auth-layout:has(app-login#maroquiz-login) *,app-auth-layout:has(app-login#maroquiz-login) *:before,app-auth-layout:has(app-login#maroquiz-login) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html,body{margin:0;padding:0;min-height:100vh;background:var(--color-background);font-family:var(--font-body, "Inter", "Cairo", sans-serif);color:var(--color-text, var(--color-text));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-text-fill-color:var(--color-text, rgba(41, 37, 47, .1490196078))!important;transition:background-color 5000s ease-in-out 0s;border-radius:inherit}.material-symbols-rounded{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.grecaptcha-badge{visibility:hidden}