.ql-landing{--ql-rule:color-mix(in srgb,var(--primary) 13%,var(--border));font-family:var(--font-landing),var(--font-body),sans-serif;background:var(--surface)}.ql-landing :is(h1,h2,h3,h4),.ql-menu-panel,.ql-nav{font-family:var(--font-landing),var(--font-body),sans-serif}.ql-landing :is(h1,h2,h3){text-wrap:balance}.ql-section{width:100%;max-width:1200px;margin-inline:auto;padding-inline:32px}.ql-landing>section{scroll-margin-top:110px}.ql-nav-wrap{position:sticky;top:16px;z-index:40;width:calc(100% - 40px);max-width:1200px;margin:20px auto 0}.ql-nav{display:flex;min-height:68px;align-items:center;gap:20px;border:1px solid color-mix(in srgb,var(--border) 65%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 95%,transparent);padding:7px 10px 7px 20px;box-shadow:0 4px 30px color-mix(in srgb,var(--text) 4%,transparent);backdrop-filter:blur(16px)}.ql-wordmark{display:inline-flex;min-height:44px;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.9px;color:var(--text)}.ql-wordmark>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--text);color:var(--surface)}.ql-desktop-links{display:flex;margin-inline:auto;gap:6px}.ql-desktop-links>a{display:inline-flex;align-items:center;min-height:44px;padding-inline:10px;font-size:13px;color:var(--text-2);border-radius:99px;white-space:nowrap}.ql-desktop-links>a:hover{background:var(--primary-soft);color:var(--primary)}.ql-desktop-user,.ql-nav-actions{display:flex;align-items:center;gap:5px}.ql-nav-create{display:inline-flex;min-height:44px;align-items:center;gap:8px;padding-inline:18px;border-radius:99px;background:var(--text);color:var(--surface);font-weight:700;font-size:13px;white-space:nowrap}.ql-menu-close,.ql-menu-trigger{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%}.ql-menu-trigger{display:none}.ql-menu-panel :is(a,button,select):focus-visible,.ql-nav :is(a,button,select):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ql-menu-overlay{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--text) 36%,transparent)}.ql-menu-panel{position:fixed;inset-inline:16px;top:20px;z-index:81;max-width:440px;max-height:calc(100dvh - 40px);overflow-y:auto;margin-inline:auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:0 20px 60px color-mix(in srgb,var(--text) 18%,transparent)}.ql-menu-title{font-weight:800;font-size:23px}.ql-menu-close{position:absolute;inset-inline-end:16px;top:16px}.ql-mobile-links{display:grid;margin-top:20px}.ql-mobile-links>a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--border);padding-block:8px;font-size:15px}.ql-mobile-preferences{display:flex;justify-content:space-between;padding-top:16px}.ql-hero{position:relative;isolation:isolate;padding-top:54px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 11%,var(--surface)),var(--surface) 90%)}.ql-hero:before{content:"";position:absolute;inset:-110px 0 0;z-index:-1;pointer-events:none;opacity:.35;background-image:radial-gradient(color-mix(in srgb,var(--primary) 40%,transparent) .75px,transparent .75px);background-size:26px 26px;mask-image:linear-gradient(var(--text),transparent 90%)}.ql-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:480px;padding-block:25px 65px}.ql-eyebrow{display:inline-flex;border-radius:99px;padding:8px 13px;color:var(--primary);background:var(--primary-soft);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1.6}.ql-hero h1{max-width:16ch;margin:20px 0 0;color:var(--text);font-size:clamp(42px,4.7vw,64px);line-height:1.08;font-weight:800;letter-spacing:-.055em}.ql-hero h1>span{display:block;color:var(--primary)}.ql-hero-lede{margin-top:22px;max-width:490px;font-size:17px;line-height:1.75;color:var(--text-2)}.ql-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:28px}.ql-hero .ql-button-dark,.ql-hero .ql-button-light{min-height:49px;padding-inline:24px;border-radius:99px;font-size:14px;box-shadow:none}.ql-hero .ql-button-dark{background:var(--text);color:var(--surface);border:1px solid var(--text);box-shadow:0 12px 24px color-mix(in srgb,var(--text) 12%,transparent)}.ql-hero .ql-button-light{background:var(--surface);border:1px solid var(--border)}.ql-hero-note{margin-top:18px;font-size:12px;line-height:1.8;color:var(--muted-foreground)}.ql-hero-art{position:relative;min-width:0}.ql-illustration{max-width:440px;margin-inline:auto;overflow:hidden;border-radius:30px;border:1px solid var(--ql-rule);background:var(--surface);box-shadow:0 24px 64px color-mix(in srgb,var(--text) 12%,transparent);transform:rotate(1deg)}.ql-illustration img{display:block;width:100%;height:auto}.ql-float-chip{display:inline-flex;align-items:center;gap:8px;position:absolute;min-height:42px;padding:9px 14px;border:1px solid var(--ql-rule);border-radius:99px;background:var(--surface);color:var(--text);box-shadow:0 8px 28px color-mix(in srgb,var(--text) 7%,transparent);font-size:12px;font-weight:600;white-space:nowrap}.ql-float-chip svg{color:var(--primary)}.ql-float-top{left:-28px;top:24px}.ql-float-right{right:-10px;top:53%}.ql-float-bottom{left:-20px;bottom:18px}.ql-status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.ql-source-strip{padding-bottom:28px}.ql-source-strip>ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:24px;border:1px solid var(--ql-rule);border-radius:24px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.qh-chip{--chip:var(--source-text);grid-template-columns:30px 1fr;gap:3px 8px;padding:5px;min-height:55px;transition:background-color .16s ease}.qh-chip,.qh-chip>span{display:grid;border-radius:10px}.qh-chip>span{grid-row:span 2;width:30px;height:30px;place-items:center;background:color-mix(in srgb,var(--chip) 12%,var(--surface));color:var(--chip)}.qh-chip strong{font-size:12px;line-height:1.5;font-weight:650}.qh-chip small{font-size:10px;line-height:1.5;color:var(--muted-foreground)}.qh-chip:hover{background:color-mix(in srgb,var(--chip) 8%,var(--surface))}.qh-chip[data-source=youtube]{--chip:var(--source-video)}.qh-chip[data-source=file]{--chip:var(--source-file)}.qh-chip[data-source=image]{--chip:var(--source-photo)}.qh-chip[data-source=topic]{--chip:var(--source-topic)}.ql-film{padding-top:30px;padding-bottom:28px}.ql-product-frame{overflow:hidden;border:1px solid var(--ql-rule);border-radius:20px;background:var(--surface);box-shadow:0 20px 70px color-mix(in srgb,var(--primary) 8%,transparent)}.ql-window-bar{display:flex;align-items:center;gap:20px;min-height:54px;border-bottom:1px solid var(--ql-rule);padding:10px 20px;font-size:12px;font-weight:650}.ql-window-bar>span:nth-child(2){display:flex;gap:7px;align-items:center}.ql-window-dots{display:flex;gap:5px}.ql-window-dots i{width:7px;height:7px;background:var(--border);border-radius:50%}.ql-window-path{color:var(--muted-foreground);font-weight:400}.ql-preview-badge{margin-inline-start:auto;padding:5px 9px;border-radius:99px;font-size:10px;color:var(--primary);background:var(--primary-soft)}.ql-film-body{display:grid;grid-template-columns:150px minmax(0,1fr)}.ql-film-sidebar{display:grid;align-content:start;gap:12px;padding:22px 14px;background:var(--surface-2);border-inline-end:1px solid var(--ql-rule);font-size:11px;color:var(--muted-foreground)}.ql-film-sidebar>span{display:flex;gap:8px;align-items:center;padding-block:8px}.ql-film-sidebar>span:nth-child(2){color:var(--primary)}.ql-film-content{padding:26px;background:color-mix(in srgb,var(--primary-soft) 35%,var(--surface))}.ql-film-content .card{box-shadow:none;border-radius:14px}.ql-film-content h3{font-size:18px}.ql-film-content .eyebrow-rule,.ql-film-content figcaption{font-size:10px}.qh-option[data-correct=true]{border-color:var(--primary);background:var(--primary-soft)}.ql-landing>section:not(.ql-hero):not(.ql-film){padding-block:42px;margin-top:0}.ql-landing>section>.text-xs:first-child{display:table;margin-inline:auto;border-radius:99px;padding:6px 12px;background:var(--primary-soft);font-size:10px;letter-spacing:.09em}.ql-landing>section>h2{max-width:750px;margin:15px auto 0;text-align:center;font-size:clamp(27px,3vw,40px);font-weight:750;letter-spacing:-.04em;line-height:1.15}.ql-landing>section>p:not(:first-child){margin-inline:auto;text-align:center;max-width:650px;font-size:14px;line-height:1.8}.ql-landing .qh-card{border:1px solid var(--ql-rule);border-radius:20px;box-shadow:0 3px 18px color-mix(in srgb,var(--text) 3%,transparent);transition:transform .16s ease,border-color .16s ease}.ql-landing [data-home-section=how-it-works] [data-how-step]{background:var(--surface-2);padding:24px}.ql-landing [data-home-section=how-it-works] [data-how-step]:nth-child(2){background:color-mix(in srgb,var(--source-file) 7%,var(--surface))}.ql-landing [data-home-section=how-it-works] [data-how-step]:nth-child(3){background:color-mix(in srgb,var(--source-text) 6%,var(--surface))}.ql-landing [data-home-section=how-it-works] [data-how-step]:nth-child(4){background:var(--primary-soft)}.ql-landing [data-role]{position:relative;overflow:hidden;padding:30px}.ql-landing [data-role=student]{background:color-mix(in srgb,var(--source-text) 5%,var(--surface))}.ql-landing [data-role=teacher]{background:color-mix(in srgb,var(--source-file) 6%,var(--surface))}.ql-landing [data-role] h3{max-width:19ch;margin-top:12px;font-size:27px;letter-spacing:-.025em}.ql-landing [data-role] ul{margin-top:24px}.ql-landing [data-role] .btn-ghost{border-radius:99px;background:var(--surface);font-size:13px}.ql-landing [data-home-section=study]>div{border-color:var(--ql-rule);background:var(--primary-soft);border-radius:24px;padding:36px}.ql-landing [data-home-section=study] h2{font-size:clamp(27px,3vw,36px);letter-spacing:-.035em}.ql-landing [data-home-section=trust] dl>div{border-radius:18px;background:var(--surface-2);padding:24px;border-color:var(--ql-rule)}.ql-landing [data-home-section=trust] dl>div:nth-child(2){background:color-mix(in srgb,var(--source-file) 7%,var(--surface))}.ql-landing [data-home-section=trust] dl>div:nth-child(3){background:color-mix(in srgb,var(--source-text) 6%,var(--surface))}.ql-landing [data-home-section=trust] dl>div:nth-child(4){background:var(--primary-soft)}.ql-landing [data-home-section=faq]>div{border:none;box-shadow:none;border-radius:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.ql-landing [data-home-section=faq] summary{font-size:14px;padding-inline:0}.ql-landing [data-home-section=faq] details{align-self:start;border-bottom:1px solid var(--border)}.ql-landing [data-home-section=close]>div{padding:60px 30px;border:none;background:linear-gradient(var(--surface),var(--primary-soft));color:var(--text);border-radius:24px;text-align:center}.ql-landing [data-home-section=close] h2{margin-inline:auto;font-size:clamp(30px,4vw,46px);letter-spacing:-.045em}.ql-landing [data-home-section=close] p{margin-inline:auto;color:var(--muted-foreground)}.ql-landing [data-home-section=close] a{border-radius:99px;background:var(--text);color:var(--surface);font-size:14px}.ql-landing [data-home-section=builder]{padding-top:56px}.ql-landing [data-home-section=builder]>h2,.ql-landing [data-home-section=builder]>p{text-align:start;margin-inline-start:0}body:has([data-quizyla-landing]){background:var(--surface)}body:has([data-quizyla-landing]) [data-site-footer]{margin-top:0;font-family:var(--font-landing),var(--font-body),sans-serif}body:has([data-quizyla-landing]) [data-site-footer] h2{font-family:inherit}body:has([data-quizyla-landing]) [data-consent-prompt]{inset-inline:20px auto;max-width:400px;bottom:16px}.qh-explain,.qh-step,.ql-hero-art,.ql-hero-copy{animation:qh-rise .42s cubic-bezier(.2,.7,.2,1) backwards}.ql-hero-art{animation-delay:.1s}@keyframes qh-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (hover:hover){.ql-landing .qh-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}}@media (max-width:1199px){.ql-desktop-links{gap:0}.ql-desktop-links>a{padding-inline:7px;font-size:12px}.ql-desktop-user{display:none}.ql-menu-trigger{display:grid}}@media (max-width:1023px){.ql-desktop-links{display:none}.ql-nav-actions{margin-inline-start:auto}.ql-hero-grid{grid-template-columns:1fr;gap:38px;padding-block:15px 32px;text-align:center}.ql-hero h1,.ql-hero-lede{margin-inline:auto}.ql-hero-actions{justify-content:center}.ql-illustration{max-width:340px}.ql-hero-art{width:min(440px,100%);margin-inline:auto}.ql-source-strip>ul{grid-template-columns:repeat(3,minmax(0,1fr))}.ql-float-top{left:0}.ql-float-right{right:0}.ql-float-bottom{left:0}}@media (max-width:639px){.ql-section{padding-inline:20px}.ql-nav-wrap{width:calc(100% - 28px);margin-top:14px;top:12px}.ql-nav{min-height:62px;padding:7px 9px 7px 14px;gap:8px}.ql-wordmark{font-size:21px}.ql-nav-create{display:none}.ql-hero{padding-top:36px}.ql-hero-grid{gap:32px}.ql-hero h1{font-size:clamp(34px,9.7vw,42px);max-width:15ch;margin-top:20px}.ql-hero-lede{font-size:14px;line-height:1.8;margin-top:20px;max-width:340px}.ql-hero-actions{flex-direction:column;gap:10px;margin-top:25px}.ql-hero .ql-button-dark,.ql-hero .ql-button-light{min-height:47px;padding-inline:23px;font-size:13px}.ql-hero-note{font-size:11px;max-width:280px;margin-inline:auto;margin-top:15px}.ql-eyebrow{font-size:9px;max-width:100%}.ql-illustration{max-width:240px;border-radius:24px}.ql-float-chip{min-height:33px;font-size:9px;padding:7px 10px;gap:5px}.ql-float-top{left:0;top:10px}.ql-float-right{right:-2px;top:55%}.ql-float-bottom{left:3px;bottom:12px}.ql-source-strip>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;border-radius:20px}.qh-chip{grid-template-columns:27px 1fr;gap:2px 6px}.qh-chip>span{width:27px;height:27px}.qh-chip strong{font-size:11px}.qh-chip small{font-size:9px}.ql-film{padding-top:16px}.ql-film-body{grid-template-columns:1fr}.ql-film-sidebar,.ql-window-dots,.ql-window-path{display:none}.ql-window-bar{min-height:45px;padding:8px 12px;gap:8px;font-size:11px}.ql-preview-badge{font-size:8px}.ql-film-content,.ql-film-content .card{padding:12px}.ql-film-content .qh-option{font-size:11px}.ql-film-content .qh-option>span:last-child{font-size:9px}.ql-film-content h3{font-size:16px}.ql-landing>section:not(.ql-hero):not(.ql-film){padding-block:30px}.ql-landing>section>h2{font-size:27px}.ql-landing [data-home-section=how-it-works] [data-how-step]{padding:15px}.ql-landing [data-home-section=how-it-works] h3{font-size:14px}.ql-landing [data-role]{padding:24px}.ql-landing [data-role] h3{font-size:24px}.ql-landing [data-home-section=study]>div{padding:24px}.ql-landing [data-home-section=trust] dl>div{padding:20px}.ql-landing [data-home-section=faq]>div{grid-template-columns:1fr}.ql-landing [data-home-section=close]>div{padding:40px 20px}body:has([data-quizyla-landing]) [data-consent-prompt]{inset-inline:12px;max-width:none;bottom:12px}}@media (prefers-reduced-motion:reduce){.qh-explain,.qh-step,.ql-hero-art,.ql-hero-copy{animation:none}.qh-chip,.ql-landing .qh-card{transition:none}.ql-landing .qh-card:hover{transform:none}}