@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.ec-cta,.navbar .nav-links .nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(98deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ec-cta:hover,.navbar .nav-links .nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.ec-cta:active,.navbar .nav-links .nav-cta:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.ec-cta.is-full,.navbar .nav-links .is-full.nav-cta{width:100%}.ec-cta.is-lg,.navbar .nav-links .is-lg.nav-cta{padding:1.1rem 1.6rem;font-size:1.05rem}.navbar{position:fixed;display:flex;justify-content:space-between;top:0;left:0;width:100%;z-index:10;align-items:center;z-index:2}.navbar .navbar-bg{position:absolute;top:0;left:0;width:100%;height:5em;z-index:-1;background-color:color-mix(in srgb,var(--background-1) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,transparent);margin-right:10%}.navbar .navbar-bg-light{background-color:color-mix(in srgb,var(--background-1) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid color-mix(in srgb,var(--primary) 12%,transparent)}.navbar a{text-decoration:none;color:#3a79fc}.navbar .nav-brand{font-weight:900;font-size:3em;padding:.2em .5em}.navbar .nav-links{display:flex;align-items:center;font-size:1.5em}.navbar .nav-links a:hover{color:var(--text-muted)}.navbar .nav-links .nav-item{padding:.5em}.navbar .nav-links .nav-cta{padding:.6em 1.2em;border-radius:14px;font-size:.9em}@media only screen and (max-width: 768px){.navbar .nav-links{position:absolute;flex-direction:column;width:100%;height:auto;top:100%;left:100%;z-index:-2;transition:left .5s ease-in-out;padding:.5em;justify-content:center;align-items:center;background:var(--background-1)}.navbar .nav-links[expand]{left:0;bottom:auto;display:flex}}.hamburger{display:none;position:relative;padding:0;margin-right:2em;background-color:var(--text);cursor:pointer}@media only screen and (max-width: 768px){.hamburger{width:2em;height:3em;display:block;border:none;background-color:transparent}}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{content:"";display:block;position:absolute;border-radius:2px;width:100%;background-color:var(--text);left:0}.hamburger-icon{top:45%;height:10%}.hamburger-icon:before{top:200%;height:100%;background-color:inherit}.hamburger-icon:after{bottom:200%;height:100%;background-color:inherit}.hamburger:hover .hamburger-icon{background-color:var(--text)}.theme-toggle{background:none;border:none;color:inherit;cursor:pointer}.page404,.comingsoon{justify-content:center}@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}.home .next-button{position:fixed;bottom:2em;left:calc(50% - 2em);z-index:2;background-color:#fff6;width:5em;height:5em;border:none;cursor:pointer;border-radius:2.5em;display:flex;justify-content:center;box-shadow:0 4px 10px #0004;transition:transform .5s ease}.home .next-button img{margin-top:.6em}.home .next-button:hover{transform:scale(1.1)}.section{z-index:1;width:100%;display:flex;flex-direction:column;padding:clamp(1.75rem,6vw,4rem) clamp(1rem,4vw,3rem)}.section+.section{margin-top:clamp(1rem,3vw,2rem)}.fade-in{animation:fadeIn .5s ease-in-out}.fade-out{animation:fadeOut .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}body{margin:0;padding:0;background-color:#121212;color:#fff;transition:background-color .5s ease,color .5s ease}.page.home{background-color:inherit}.ec-card,.quiz-preview .quiz-content{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow,.quiz-preview .quiz-content{position:relative;overflow:hidden}.ec-card--glow:before,.quiz-preview .quiz-content:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after,.quiz-preview .quiz-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.quiz-preview .quiz-buttons{display:flex;justify-content:center;margin-bottom:20px}.quiz-preview .quiz-buttons .quiz-button{padding:10px 20px;margin:0 5px;border:1px solid #007bff;background-color:var(--background-2);cursor:pointer;transition:background-color .3s ease,color .3s ease}.quiz-preview .quiz-buttons .quiz-button:hover{background-color:#e7e7e7}.quiz-preview .quiz-buttons .quiz-button.active{background-color:#007bff;color:var(--background-2);border-color:#007bff}.quiz-preview .quiz-content{margin-top:10px}.quiz-preview .quiz-content .quiz-title{color:#007bff;margin-bottom:15px}.quiz-preview .quiz-content .quiz-selection{display:flex;justify-content:center}.quiz-preview .quiz-content .quiz-selection button{padding:10px 20px;margin:0 5px;border:0px solid #007bff;background-color:var(--background-2);cursor:pointer;transition:background-color .3s ease,color .3s ease}.quiz-preview .quiz-content .quiz-selection button:hover{background-color:#e7e7e7}.quiz-preview .quiz-content .quiz-selection button.active{background-color:#007bff;color:#fff;border-color:#007bff}.quiz-header{color:var(--text)}.subject-buttons{display:flex;justify-content:flex-start;overflow-x:auto;padding:10px 0;max-width:100%;max-height:100px;white-space:nowrap}.subject-buttons .subject-button{padding:10px 20px;margin:0 10px;border:2px solid #007bff;background-color:var(--background-2);color:#007bff;font-size:1em;border-radius:20px;cursor:pointer;transition:background-color .3s,color .3s;flex-shrink:0}.subject-buttons .subject-button:hover{background-color:var(--background-1)}.subject-buttons .subject-button.active{background-color:#007bff;color:#fff;box-shadow:0 4px 8px #007bff4d}.subject-buttons::-webkit-scrollbar{height:4px}.subject-buttons::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.subject-buttons::-webkit-scrollbar-track{background:transparent}.ec-card,.quiz-component .answers .answer{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow,.quiz-component .answers .answer{position:relative;overflow:hidden}.ec-card--glow:before,.quiz-component .answers .answer:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after,.quiz-component .answers .answer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.quiz-component{display:flex;flex-direction:column;padding:20px;animation:fadeInUp .22s ease both}.quiz-component .question{margin-bottom:20px;font-size:1.2em;text-align:left;color:var(--text);cursor:pointer}.quiz-component .answers{display:flex;flex-direction:column}.quiz-component .answers .answer{margin-bottom:10px;border-radius:15px;background:var(--background-2);cursor:pointer;transition:filter .2s,transform .12s ease}.quiz-component .answers .answer:hover{filter:brightness(1.03);transform:translateY(-1px)}.quiz-component .answers .answer.selected{background-image:linear-gradient(90deg,var(--primary),var(--secondary));color:#ffffffcf;border-color:transparent}.quiz-component .answers .answer.incorrect{background-color:#c00;color:#fff;border-color:#c00}.quiz-component .answers .answer.correct{background-color:#23d389;color:#fff;border-color:#23d389}.correct-answer{color:#3a79fc}.tap-hint{margin-top:8px;color:var(--text-muted);font-size:.9em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ec-cta,.landing .landing-container .landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(98deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ec-cta:hover,.landing .landing-container .landing-cta:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.ec-cta:active,.landing .landing-container .landing-cta:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.ec-cta.is-full,.landing .landing-container .is-full.landing-cta{width:100%}.ec-cta.is-lg,.landing .landing-container .is-lg.landing-cta{padding:1.1rem 1.6rem;font-size:1.05rem}.image-container{overflow:hidden;border-radius:24px;width:100%;margin:0 auto 1rem;margin-top:5%;display:flex;align-items:flex-start}.landing{min-height:100vh;display:flex;align-items:flex-start;justify-content:flex-start;margin-top:6%}@media only screen and (max-width: 768px){.landing{margin-top:20%}}.landing .landing-prompt{font-size:2.5em;font-weight:800;color:var(--primary);text-align:left;margin-bottom:20px;position:relative}@media only screen and (max-width: 768px){.landing .landing-prompt{text-align:center}}.landing .landing-container{display:flex;min-height:60vh;flex-direction:column;align-items:flex-start;justify-content:space-between;transition:transform .2s ease-out}.landing .landing-container a{text-decoration:none;color:#3a79fc}.landing .landing-container .landing-cta{margin-right:5%;padding:.9rem 1.4rem}@media only screen and (max-width: 768px){.landing .landing-container .landing-cta{margin-right:0%}}.landing .landing-container .image-container{width:90%;display:flex;align-items:flex-start}.landing .landing-container .image-container .landing-image{width:100%;height:auto;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:15px;margin-top:4%}@media only screen and (max-width: 1200px){.landing{padding:0 4em}}@media only screen and (max-width: 992px){.landing{text-align:center}.landing .landing-container{flex-direction:column;align-items:center}.landing .landing-prompt{font-size:4em}.landing .landing-hero{font-size:3em}.landing .landing-image{max-width:70%}}@media only screen and (max-width: 768px){.landing{padding:0 1em}.landing .landing{margin-top:20%}.landing .landing-container{flex-direction:column;align-items:center}.landing .landing-prompt{font-size:3em}.landing .landing-hero{font-size:1.6em}.landing .landing-image{max-width:90%}}.ec-cta,.download .cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(98deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ec-cta:hover,.download .cta:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.ec-cta:active,.download .cta:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.ec-cta.is-full,.download .is-full.cta{width:100%}.ec-cta.is-lg,.download .is-lg.cta{padding:1.1rem 1.6rem;font-size:1.05rem}.download{height:100vh;display:flex;align-items:center;justify-content:center;padding:10% 1rem 8%;margin-bottom:8%}.download a{text-decoration:none}.download .download-inner{max-width:1100px;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.download .download-actions{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:.5rem}.download .appstore-badge{height:52px;width:auto;display:block}.download .hero-summary{width:100%;border-radius:15px}.download .hero-sub{text-align:center;display:flex;flex-direction:column;align-items:center}.download .cta{margin-top:2em;width:max-content}.download .qr-block{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.download .qr-image{width:240px;height:240px;padding:12px;background:#fff;border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);border-radius:16px;box-shadow:0 10px 30px #00000014}.download .qr-caption{color:var(--text-muted);font-weight:600}.soon{color:var(--text)}.ec-card,.feature{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow,.feature{position:relative;overflow:hidden}.ec-card--glow:before,.feature:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after,.feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.features-container{margin:0 20px;text-align:left}.left{margin:0}.hero{font-size:2.5em;font-weight:800;margin-bottom:30px;color:var(--text);text-align:left}.feature{margin:20px 0;text-align:left;transition:transform .16s ease,box-shadow .16s ease;position:relative}.feature:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0000002e}.feature-title{font-size:1.6em;font-weight:800;color:var(--text);margin-bottom:10px}.feature-title strong{color:var(--primary)}.feature-description{font-size:1em;color:var(--text-muted);line-height:1.6;margin:0}.ec-card,.review-card{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow,.review-card{position:relative;overflow:hidden}.ec-card--glow:before,.review-card:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after,.review-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.ec-cta,.reviews-cta .cta-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(98deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ec-cta:hover,.reviews-cta .cta-link:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.ec-cta:active,.reviews-cta .cta-link:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.ec-cta.is-full,.reviews-cta .is-full.cta-link{width:100%}.ec-cta.is-lg,.reviews-cta .is-lg.cta-link{padding:1.1rem 1.6rem;font-size:1.05rem}.light-theme{--primary: #3A79FC;--secondary: #2B44FF;--background-1: #F0F2F5;--background-2: #FFFFFF;--text: rgba(25, 25, 25, .9176470588);--text-muted: rgba(108, 105, 105, .745)}.dark-theme{--primary: #3A79FC;--secondary: #2B44FF;--background-1: #191919;--background-2: #121212;--text: rgba(255, 255, 255, .8117647059);--text-muted: rgba(255, 255, 255, .7450980392)}body{background-color:var(--background-1);color:var(--text)}h1,h2,h3,h4,h5,h6{color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--secondary)}.button,.cta-link{background-color:var(--primary);color:var(--text);border-radius:8px;padding:10px 20px;border:none;cursor:pointer;transition:background-color .3s}.button:hover,.cta-link:hover{background-color:var(--secondary)}.feature-title{color:var(--primary)}.feature-description{color:var(--text-muted)}.reviews-title{color:var(--text)}.review-card{margin-bottom:20px;transition:box-shadow .2s,transform .2s}.review-card:hover{box-shadow:0 12px 22px #0000002e;transform:translateY(-4px)}.reviews-cta .cta-link{display:inline-flex;margin:20px auto;font-size:1.05em}.ec-card,.quiz-cell{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow,.quiz-cell{position:relative;overflow:hidden}.ec-card--glow:before,.quiz-cell:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after,.quiz-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.ec-cta,.quiz-cell .quiz-actions button.open-button,.quiz-cell .quiz-actions button.match-button,.quiz-cell .quiz-actions button.export-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(98deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ec-cta:hover,.quiz-cell .quiz-actions button.open-button:hover,.quiz-cell .quiz-actions button.match-button:hover,.quiz-cell .quiz-actions button.export-button:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.ec-cta:active,.quiz-cell .quiz-actions button.open-button:active,.quiz-cell .quiz-actions button.match-button:active,.quiz-cell .quiz-actions button.export-button:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.ec-cta.is-full,.quiz-cell .quiz-actions button.is-full.open-button,.quiz-cell .quiz-actions button.is-full.match-button,.quiz-cell .quiz-actions button.is-full.export-button{width:100%}.ec-cta.is-lg,.quiz-cell .quiz-actions button.is-lg.open-button,.quiz-cell .quiz-actions button.is-lg.match-button,.quiz-cell .quiz-actions button.is-lg.export-button{padding:1.1rem 1.6rem;font-size:1.05rem}.quiz-cell{margin:3% 3% 16px;background-color:var(--background-2);transition:transform .16s ease,box-shadow .16s ease}.quiz-cell:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0000002e}.quiz-cell h3{margin:0 0 8px;font-size:1.25rem;color:var(--text)}.quiz-cell p{margin:0 0 8px;color:var(--text-muted)}.quiz-cell small{color:var(--text-muted)}.quiz-cell .quiz-actions{position:relative;margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.quiz-cell .quiz-actions button{padding:8px 12px;border:none;border-radius:14px;font-size:14px;cursor:pointer}.quiz-cell .quiz-actions button.open-button{background-image:linear-gradient(90deg,var(--secondary),var(--primary));color:#ffffffcf;transition:filter .2s}.quiz-cell .quiz-actions button.open-button:hover{filter:brightness(1.05)}.quiz-cell .quiz-actions button.match-button{background-image:linear-gradient(90deg,var(--secondary),var(--primary));color:#ffffffcf;transition:filter .2s}.quiz-cell .quiz-actions button.match-button:hover{filter:brightness(1.05)}.quiz-cell .quiz-actions button.export-button{background-image:linear-gradient(90deg,var(--primary),var(--secondary));color:#ffffffcf;transition:filter .2s}.quiz-cell .quiz-actions button.export-button:hover{filter:brightness(1.02)}.quiz-cell .quiz-actions button.export-button:disabled{background-color:var(--background-2);color:var(--text-muted);cursor:not-allowed}.quiz-cell .quiz-actions button.share-button{border-radius:14px;background:color-mix(in srgb,var(--secondary) 50%,transparent);color:var(--text);transition:filter .2s}.quiz-cell .quiz-actions button.share-button:hover{filter:brightness(1.05)}.quiz-cell .error-message{color:var(--primary);font-size:12px;margin-top:5px}.quiz-preview{overflow:hidden;z-index:1;margin-top:5%}.quiz-preview a{text-decoration:none;color:inherit}.quiz-preview .quiz-cell{cursor:pointer}.quiz-preview .quiz-cell:hover{transform:translateY(-2px)}.ec-card,.upload-form{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow,.upload-form{position:relative;overflow:hidden}.ec-card--glow:before,.upload-form:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after,.upload-form:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.ec-cta,.upload-form .submit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(98deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ec-cta:hover,.upload-form .submit-button:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.ec-cta:active,.upload-form .submit-button:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.ec-cta.is-full,.upload-form .is-full.submit-button{width:100%}.ec-cta.is-lg,.upload-form .is-lg.submit-button{padding:1.1rem 1.6rem;font-size:1.05rem}.upload-background{background-color:var(--background-1);width:100vw;min-height:100vh;padding-top:8%;display:flex;align-items:flex-start;justify-content:center}.upload-form{display:flex;flex-direction:column;gap:14px;padding:24px;margin:auto;width:min(92vw,560px)}.upload-form .upload-button{background:color-mix(in srgb,var(--primary) 4%,var(--background-2));border:1px dashed color-mix(in srgb,var(--primary) 30%,transparent);border-radius:14px;margin-bottom:8px;padding:18px;text-align:center;display:block;color:var(--primary);font-weight:800;position:relative;cursor:pointer}.upload-form .upload-button.drag-active{border-color:color-mix(in srgb,var(--primary) 60%,transparent);background:color-mix(in srgb,var(--primary) 8%,var(--background-2))}.upload-form .upload-button input[type=file]{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;cursor:pointer}.upload-form .file-name{margin-top:4px;font-size:14px;color:var(--text);text-align:center;word-break:break-word}.upload-form .submit-button{margin-top:6px;width:100%;font-size:16px}.upload-form .submit-button:disabled{filter:grayscale(.2) brightness(.9);cursor:not-allowed}.upload-form .text-input{width:100%;padding:24px 24px 48px;margin-bottom:8px;background:var(--background-1);border:1px solid color-mix(in srgb,var(--primary) 16%,transparent);border-radius:14px;color:var(--text);font-size:16px;resize:vertical}.upload-form .text-input:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.upload-form .error-message{color:var(--primary);font-size:12px;margin-top:5px}.upload-form .info-container{margin-top:8px;display:flex;flex-direction:column;gap:4px}.upload-form .info-text{color:var(--text-muted)}.upload-limit-reached{color:var(--text);padding:2rem 1rem;background-color:var(--background-1);margin-top:6%}@media only screen and (max-width: 768px){.upload-limit-reached{margin-top:18%}}.upload-limit-reached .content{max-width:1100px;margin:0 auto;display:flex;gap:2rem;align-items:stretch;justify-content:center}@media only screen and (max-width: 768px){.upload-limit-reached .content{flex-direction:column}}.upload-limit-reached .paywall-card{position:relative;flex:1 1 540px;max-width:560px;background:var(--background-2);border:1px solid color-mix(in srgb,var(--primary) 20%,transparent);border-radius:18px;padding:28px;box-shadow:0 10px 30px #00000014;overflow:hidden}.upload-limit-reached .paywall-card:before{content:"";position:absolute;inset:-40% auto auto -30%;width:360px;height:360px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--primary) 25%,transparent),color-mix(in srgb,var(--secondary) 8%,transparent) 60%);filter:blur(10px);pointer-events:none}.upload-limit-reached .eyebrow{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);margin-bottom:.25rem}.upload-limit-reached .title{font-size:1.8rem;line-height:1.2;margin:0;color:var(--text)}.upload-limit-reached .subtitle{margin-top:.5rem;margin-bottom:1rem;color:var(--text-muted);font-weight:500}.upload-limit-reached .benefits{list-style:none;padding:0;margin:1rem 0 1.5rem}.upload-limit-reached .benefits li{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;color:var(--text)}.upload-limit-reached .benefits .icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;font-weight:800;background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);line-height:1}.upload-limit-reached .cta-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(90deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;width:100%;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.upload-limit-reached .cta-primary:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.upload-limit-reached .cta-primary:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.upload-limit-reached .secure-note{margin-top:.75rem;display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.9rem}.upload-limit-reached .art{flex:1 1 520px;display:flex;align-items:center;justify-content:center}.upload-limit-reached .art .thank-you-image{width:100%;max-width:520px;height:auto;border-radius:18px;box-shadow:0 10px 30px #0000001f}@media only screen and (max-width: 768px){.upload-limit-reached .art{margin-top:.75rem}}.ec-card,.quiz-container .quiz-sidebar .sidebar-panel{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow,.quiz-container .quiz-sidebar .sidebar-panel{position:relative;overflow:hidden}.ec-card--glow:before,.quiz-container .quiz-sidebar .sidebar-panel:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after,.quiz-container .quiz-sidebar .sidebar-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.quiz-container{display:flex;min-height:100vh;padding-top:10%;background-color:var(--background-1)}.quiz-container .quiz-sidebar{width:26%;background-color:var(--background-1);height:100%;overflow-y:auto;overflow-x:hidden;border-right:0;color:var(--text);padding:12px}.quiz-container .quiz-sidebar .sidebar-toggle{display:none}.quiz-container .quiz-sidebar .sidebar-panel{padding:8px}.quiz-container .quiz-sidebar .sidebar-item{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background-color .2s,color .2s;margin:4px 2px}.quiz-container .quiz-sidebar .sidebar-item:hover{background:color-mix(in srgb,var(--primary) 14%,transparent)}.quiz-container .quiz-sidebar .sidebar-item.active{background:color-mix(in srgb,var(--primary) 24%,transparent);color:#fff}.quiz-container .quiz-sidebar .sidebar-item .sidebar-check{margin-right:5px}.quiz-container .quiz-main{width:75%;color:var(--text);flex-grow:1;padding:20px;overflow-y:auto}.quiz-container .quiz-nav{display:flex;gap:8px;margin-top:12px}.quiz-container .quiz-nav .nav-cta{padding:.6rem 1rem;border-radius:12px;border:0;background:color-mix(in srgb,var(--primary) 60%,var(--secondary) 40%);color:#fff;font-weight:700;cursor:pointer}@media only screen and (max-width: 768px){.quiz-container{flex-direction:column;padding-top:16%}.quiz-container .quiz-sidebar{width:100%;height:auto;padding:8px 10px 0;position:relative;top:0;z-index:2}.quiz-container .quiz-sidebar .sidebar-toggle{display:inline-flex;margin-bottom:8px;padding:.5rem .9rem;font-size:.9rem}.quiz-container .quiz-sidebar .sidebar-panel{padding:6px}.quiz-container .quiz-sidebar .sidebar-item{padding:10px}.quiz-container .quiz-sidebar.collapsed{display:none}.quiz-container .quiz-main{width:100%;padding:12px}.quiz-container .quiz-nav{justify-content:center}}.quiz-container .questions-open-btn{position:fixed;right:12px;bottom:12px;z-index:3;padding:.6rem 1rem;background:color-mix(in srgb,var(--primary) 60%,var(--secondary) 40%);color:#fff;border:0;border-radius:999px;box-shadow:0 8px 16px #0003}.ec-card,.matching-game .match-card{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.matching-game{text-align:center;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.matching-game .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:20px}.matching-game .match-card{background-color:var(--background-2);color:var(--text);border:none;border-radius:8px;padding:12px;cursor:pointer;transition:transform .2s,background-color .2s}.matching-game .match-card.selected{background-color:color-mix(in srgb,var(--secondary) 50%,transparent);transform:scale(1.05)}.matching-game .match-card.matched{background-color:color-mix(in srgb,var(--primary) 60%,transparent);cursor:default;opacity:.7}.matching-game .complete{margin-top:20px;font-weight:700;color:var(--primary)}.matching-game .next-game{margin-top:12px;padding:.6rem 1rem;border-radius:12px;border:0;background:color-mix(in srgb,var(--primary) 60%,var(--secondary) 40%);color:#fff;font-weight:700;cursor:pointer}.matching-game .error{color:var(--primary)}body{font-family:Inter,sans-serif;color:#3a79fc}.dark{color:var(--text)}.muted{color:--text-muted}.hero{font-size:2em;text-shadow:0px 1px 2px var(--primary);margin-bottom:0;color:#3a79fc;text-align:left}.hero-dark{color:var(--text);font-family:Poppins,sans-serif;font-size:1.5em;font-weight:700;text-shadow:0px 2px 4px rgba(0,0,0,.25)}.hero-caption{color:var(--text);font-size:1em;margin-right:1em;font-weight:600;text-align:left;font-family:Poppins,sans-serif}.hero-sub{color:var(--text);font-size:1.25em;margin-right:1em;font-weight:600;text-align:left;font-family:Poppins,sans-serif}.big-hero{color:var(--text);font-size:4em;margin-right:1em;font-weight:700;text-shadow:0px 2px 4px rgba(0,0,0,.25)}.big-hero2{color:var(--text);font-size:4em;font-weight:700;text-shadow:0px 2px 4px rgba(0,0,0,.25)}@media only screen and (max-width: 768px){.hero{font-size:2.7em}.hero-sub{font-size:1.4em;padding:0!important;margin-right:0}.big-hero{font-size:3em;margin-bottom:0;margin-right:0}.hero-caption{margin-right:0;text-align:center}}.title{font-size:7em}.light-theme{--primary: #3A79FC;--secondary: #2B44FF;--background-1: #F0F2F5;--background-2: #FFFFFF;--text: rgba(25, 25, 25, .9176470588);--text-muted: rgba(89, 87, 87, .745);--primary-light: rgb(108.235, 155.17, 252.765)}.dark-theme{--primary: #3A79FC;--secondary: #2B44FF;--background-1: #191919;--background-2: #121212;--text: rgba(255, 255, 255, .8117647059);--text-muted: rgba(89, 87, 87, .745);--primary-light: rgb(108.235, 155.17, 252.765)}:root,.light-theme,.dark-theme{--ec-gradient-start: color-mix(in srgb, var(--primary) 22%, transparent);--ec-gradient-end: color-mix(in srgb, var(--secondary) 10%, transparent);--ec-card-border: color-mix(in srgb, var(--primary) 16%, transparent)}.ec-card{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 2%,transparent) 0%,transparent 30%,transparent 70%,color-mix(in srgb,var(--secondary) 2%,transparent) 100%),var(--background-2);color:var(--text);border:1px solid var(--ec-card-border);border-radius:18px;padding:24px;box-shadow:0 10px 30px #00000014}.ec-card--glow{position:relative;overflow:hidden}.ec-card--glow:before{content:"";position:absolute;left:-18%;top:-24%;width:clamp(220px,40vw,520px);height:clamp(220px,40vw,520px);background:radial-gradient(50% 50% at 30% 30%,var(--ec-gradient-start) 0%,var(--ec-gradient-end) 60%,transparent 100%);filter:blur(18px);opacity:.75;pointer-events:none}.ec-card--glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,transparent) 0%,transparent 25%,transparent 75%,color-mix(in srgb,var(--secondary) 3%,transparent) 100%)}.ec-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(98deg,var(--primary),var(--secondary));color:#ffffffcf;font-weight:800;border:0;border-radius:14px;padding:.9rem 1.4rem;box-shadow:0 8px 16px color-mix(in srgb,var(--primary) 30%,transparent);transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ec-cta:hover{transform:translateY(-1px);box-shadow:0 12px 22px color-mix(in srgb,var(--primary) 40%,transparent);filter:brightness(1.02)}.ec-cta:active{transform:translateY(0);box-shadow:0 6px 12px color-mix(in srgb,var(--primary) 24%,transparent)}.ec-cta.is-full{width:100%}.ec-cta.is-lg{padding:1.1rem 1.6rem;font-size:1.05rem}@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}body{overflow-x:hidden;padding:0;width:100vw;margin:0;color:var(--text);background-color:var(--background-1)}.primary-button{color:var(--text-light)}.secondary-button{background-color:var(--secondary);color:var(--text-muted)}.page{position:relative;width:100vw;min-height:100vh;display:flex;flex-direction:column}.background{position:fixed;background-color:var(--background-1);left:0;width:100%;height:100%;z-index:0}.centered{justify-items:center;text-align:center;align-items:center}@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}.login-container{display:flex;justify-content:center;align-items:center;padding:20px;margin-top:10%}.login-container .google-login-button{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;transition:background-color .3s,color .3s}.login-container .google-login-button:hover{background-color:#0062cc}