*{box-sizing:border-box;padding:0;margin:0}:root{--color-background: #0D0A31;--color-light-background: #F0F0F0;--color-primary: #2F80ED;--color-secondary: #1B4987;--color-success: #6FCF97;--color-alert: #BD2772;--color-warning: #FF8D28;--color-primary-light: #3182ed;--color-accent-purple: #7c3aed;--color-accent-teal: #2dd4bf;--color-text-primary: #FFFFFF;--color-text-empty: #9A9A9A;--color-text-dark: #0D0A31;--surface-hover: rgba(255, 255, 255, .06);--surface-active: rgba(255, 255, 255, .18);--border-glass: rgba(255, 255, 255, .08);--border-glass-strong: rgba(255, 255, 255, .12);--focus-outline: rgba(255, 255, 255, .25);--blue-background: linear-gradient(to right, var(--color-primary) 0%, var(--color-secondary) 60%);--red-background: linear-gradient(to right, var(--color-alert) 0%, #571235 73%);--spacing-small: .5rem;--spacing-large: 1rem;--radius: 8px;--radius-large: 16px;--font-handwritten: "Delius";--font-readable: "Poppins", sans-serif;--color: white;--fs-h1: clamp(1.5rem, 5vw, 1.875rem);--fs-h2: clamp(1.25rem, 4vw, 1.5rem);--fs-text: 1rem;--fs-text-medium: .875rem;--fs-text-small: .75rem;--bar-height: clamp(60px, 8vh, 74px);--bar-inset: clamp(10px, 2vh, 14px);--bar-link-bottom: calc( var(--bar-inset) + env(safe-area-inset-bottom) + var(--bar-height) + clamp(6px, 1.2vh, 10px) );--checkbox-height: 20px}body{padding:1rem 1rem 0;margin:0;background-color:var(--color-background);height:100vh;width:100vw;font-size:var(--fs-text);font-family:var(--font-readable);color:var(--color);overflow:hidden}h1{font-size:var(--fs-h1);font-family:var(--font-handwritten)}h2{font-size:var(--fs-h2);font-family:var(--font-handwritten)}button{appearance:none;border:none;background:none;font:inherit;cursor:pointer;color:inherit;border-radius:var(--radius-large);font-family:var(--font-handwritten)}a,a:link,a:visited,a:hover,a:focus,a:active{color:inherit;text-decoration:none;font-family:var(--font-handwritten);padding:calc(var(--spacing-small) / 2) var(--spacing-small)}input{font-size:var(--fs-text)}input[type=text],input[type=password],input[type=email]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;margin:0;padding:var(--spacing-small);border:none;outline:none;background:transparent;font-size:var(--fs-text);font-family:inherit;color:var(--color-text-primary)}input::placeholder{color:var(--color-text-empty)}input:disabled{opacity:.6;cursor:not-allowed}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:var(--checkbox-height);height:var(--checkbox-height);border:1px solid white;border-radius:var(--radius);position:relative}input[type=checkbox]:checked{border:none;background-color:var(--color-primary)}input[type=checkbox]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--checkbox-height);height:var(--checkbox-height);background-image:url(./check.Ce0G7YCR.svg);background-size:contain;background-repeat:no-repeat;background-position:center}select{border:none;border-bottom:2px solid var(--color-primary);width:fit-content;max-width:100%;color:var(--color-text-primary);background-color:transparent}select:focus{outline:none;box-shadow:none}select>option{background-color:var(--color-background);width:100%}select>option:hover{background-color:var(--color-primary)}.glass-morphism-navigation{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:linear-gradient(to bottom,#fff6,#9996)}.glass-morphism-dark{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:linear-gradient(to bottom,#fff3,#9993)}.glass-morphism-light{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(20px);background:radial-gradient(#0d0a3133 14%,#fff3)}.glass-morphism-light:before,.glass-morphism-navigation:before{content:"";position:absolute;inset:0;opacity:.03;background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.25) .5px,transparent .5px),radial-gradient(circle at 1px 50px,rgba(0,0,0,.25) .5px,transparent .5px);background-size:50px 50px;pointer-events:none;z-index:-1}.glass-morphism-landing{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff08}html{scroll-behavior:smooth}body{padding:0;margin:0;min-height:100vh;width:100%;overflow-x:hidden;overflow-y:auto}h1,h2,h3,h4{font-family:var(--font-handwritten);font-weight:700}h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}h4{margin-bottom:var(--spacing-small)}a{padding:0;font-family:inherit}.lp-container{width:min(1200px,calc(100% - 2rem));margin:0 auto}.lp-section{padding:6rem 0}.lp-cta{display:flex;justify-content:center;width:fit-content}.lp-glass-card{border:1px solid rgba(124,58,237,.18);background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 24px 60px #0000002e}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;width:fit-content;padding:1rem 2rem;border-radius:var(--radius-large);font-family:var(--font-handwritten);font-size:1rem;font-weight:700;white-space:nowrap;color:var(--color-text-primary);background:var(--blue-background);box-shadow:0 10px 30px #2f80ed40;transition:transform .2s ease,box-shadow .2s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #2f80ed59}.cta-button__icon{width:1.1rem;height:1.1rem;display:block}.lp-glow{position:absolute;z-index:0;pointer-events:none;border-radius:50%}.lp-glow--teal{background:#2dd4bf33;filter:blur(110px)}.lp-glow--purple{background:#7c3aed2e;filter:blur(100px)}.lp-glow--blue{background:#2f80ed33;filter:blur(110px)}.inner-container{display:flex;gap:calc(var(--spacing-large) * 4);align-items:center;justify-content:center}section{border-top:1px solid rgba(255,255,255,.05)}.preview-img{position:relative;max-height:80vh;width:auto;border-radius:var(--radius-large);border:1px solid rgba(255,255,255,.08)}.preview-img:hover{transform:translateY(-2px);border-color:#2f80ed73}.section-content{display:flex;flex-direction:column;gap:var(--spacing-large);flex:1;max-width:66ch}p{margin:0;font-family:var(--font-readable);font-size:1rem;line-height:1.7;color:var(--color-text-empty);max-width:66ch}.heading-with-text{display:flex;flex-direction:column;gap:var(--spacing-large)}@media(max-width:1024px){.preview-img:not(.quiz-img){display:none}}