@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Patrick+Hand&display=swap";:root{--color-ink: #0B1220;--color-green: #1B8A5A;--color-green-hover: #167a4e;--color-blue: #1E6FB8;--color-skyblue: #39C1D7;--color-bg: #F7F8FB;--color-surface: #FFFFFF;--color-border: #E6E8EF;--color-muted: #566075;--color-error: #C73E3E;--primary-50: #f0f7ff;--primary-100: #e0efff;--primary-200: #b9dfff;--primary-300: #7cc4ff;--primary-400: #36a5ff;--primary-500: #1E6FB8;--primary-600: #1E6FB8;--primary-700: #175d9a;--primary-800: #0f4474;--primary-900: #0B1220;--secondary-50: #ecfdf5;--secondary-100: #d1fae5;--secondary-200: #a7f3d0;--secondary-300: #6ee7b7;--secondary-400: #34d399;--secondary-500: #1B8A5A;--secondary-600: #167a4e;--secondary-700: #126842;--secondary-800: #0e5536;--secondary-900: #064e3b;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7c3aed;--success-50: #ecfdf5;--success-100: #d1fae5;--success-400: #34d399;--success-500: #1B8A5A;--success-600: #167a4e;--error-50: #fef2f2;--error-100: #fee2e2;--error-400: #f87171;--error-500: #C73E3E;--error-600: #b03535;--neutral-50: #F7F8FB;--neutral-100: #f0f1f5;--neutral-200: #E6E8EF;--neutral-300: #d4d6de;--neutral-400: #a1a5b2;--neutral-500: #566075;--neutral-600: #3f4558;--neutral-700: #2a2f40;--neutral-800: #1a1e2e;--neutral-900: #0B1220;--color-primary: var(--color-blue);--color-secondary: var(--color-green);--color-hero: var(--color-blue);--color-hero-light: #5dade2;--color-purple: var(--accent-500);--color-success: var(--color-green);--color-glass: rgba(255, 255, 255, .2);--color-sunny: #FFD93D;--color-coral: #FF6B6B;--color-mint: #6BCB77;--color-sky: #4D96FF;--color-lavender: #9B5DE5;--color-peach: #FF8C42;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-primary: var(--font-body);--font-display: var(--font-heading);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 2.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(11, 18, 32, .06);--shadow-md: 0 4px 12px rgba(11, 18, 32, .08);--shadow-lg: 0 8px 24px rgba(11, 18, 32, .1);--shadow-xl: 0 16px 40px rgba(11, 18, 32, .12);--shadow-2xl: 0 24px 56px rgba(11, 18, 32, .16);--shadow-glow: 0 0 40px rgba(30, 111, 184, .25);--shadow-glow-orange: 0 0 40px rgba(249, 115, 22, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-tooltip: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--color-ink);background-color:var(--color-bg);min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,video,svg{display:block;max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-ink)}h1{font-size:clamp(var(--text-5xl),5vw,var(--text-6xl))}h2{font-size:clamp(var(--text-3xl),4vw,var(--text-4xl))}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--color-muted)}.text-gradient{color:var(--primary-600)}.text-gradient-orange{color:var(--secondary-500)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.section{padding:var(--space-24) 0}.section-header{text-align:center;margin-bottom:var(--space-16);position:relative;background:#fff}.section-header:before,.section-header:after{content:"";position:absolute;border-radius:50%;z-index:-1;opacity:.1}.section-header:before{width:100px;height:100px;background:var(--primary-400);top:-20px;left:10%;animation:float 6s ease-in-out infinite}.section-header:after{width:80px;height:80px;background:var(--secondary-400);bottom:-10px;right:15%;animation:float 8s ease-in-out infinite reverse}.header-math .section-header:before{background:var(--color-sky);content:"+";font-size:80px;display:flex;align-items:center;justify-content:center;color:var(--color-sky);opacity:.2;background:none;font-family:var(--font-display)}.header-math .section-header:after{background:var(--color-coral);content:"÷";font-size:80px;display:flex;align-items:center;justify-content:center;color:var(--color-coral);opacity:.2;background:none;font-family:var(--font-display)}.header-english .section-header:before{content:"A";font-family:var(--font-display);font-size:80px;color:var(--color-lavender);background:none;display:flex;align-items:center;justify-content:center;opacity:.2}.header-english .section-header:after{content:"Z";font-family:var(--font-display);font-size:80px;color:var(--color-mint);background:none;display:flex;align-items:center;justify-content:center;opacity:.2}.decoration-circle{position:absolute;border-radius:50%;opacity:.15;z-index:0}.section-header h2{margin-bottom:var(--space-4)}.section-header p{max-width:600px;margin-left:auto;margin-right:auto;font-size:var(--text-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:44px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.btn-primary{background:var(--color-green);color:#fff}.btn-primary:hover{background:var(--color-green-hover)}.btn-secondary{background:transparent;color:var(--color-ink);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.btn-outline{background:transparent;color:var(--color-ink);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-bg);border-color:var(--color-muted)}.btn-ghost{background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-ghost:hover{background:#fff3}.btn-tertiary{background:none;color:var(--color-ink);padding:0;height:auto;font-weight:500}.btn-tertiary:hover{text-decoration:underline}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{height:36px;padding:0 var(--space-3);font-size:var(--text-xs)}.card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-glass{background:var(--color-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.card-body{padding:var(--space-6)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.header-container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-border);transition:transform .3s ease-in-out}.site-header--hidden{transform:translateY(-100%)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:72px}.header-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.header-logo__img{height:52px;width:auto}.header-logo__img--sm{height:36px}.header-nav{display:none;align-items:center;gap:2px}@media(min-width:769px){.header-nav{display:flex}}.header-nav__item{position:relative}.header-nav__trigger{display:inline-flex;align-items:center;gap:4px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--color-ink);background:none;border:none;cursor:pointer;transition:background var(--transition-fast)}.header-nav__trigger:hover,.header-nav__trigger--open{background:var(--color-bg)}.header-nav__trigger:focus-visible{outline:2px solid rgba(27,138,90,.4);outline-offset:2px}.header-nav__chevron{width:10px;height:10px;transition:transform var(--transition-fast)}.header-nav__trigger--open .header-nav__chevron{transform:rotate(180deg)}.mega-panel{position:absolute;left:0;top:calc(100% + 8px);width:min(40vw,520px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);pointer-events:none}.mega-panel--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-panel__inner{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-4);padding:var(--space-5)}.mega-panel__info{padding-right:var(--space-4);border-right:1px solid var(--color-border)}.mega-panel__title{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--color-ink)}.mega-panel__desc{margin-top:var(--space-2);font-size:13px;color:var(--color-muted);line-height:1.5}.mega-panel__links{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0;margin:0}.mega-panel__link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:14px;font-weight:500;color:var(--color-ink);transition:background var(--transition-fast)}.mega-panel__link:hover{background:var(--color-bg)}.mega-panel__link:focus-visible{outline:2px solid rgba(27,138,90,.4);outline-offset:2px}.header-actions{display:none;align-items:center;gap:var(--space-3)}@media(min-width:769px){.header-actions{display:flex}}.header-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all var(--transition-fast)}.header-btn--primary{background:var(--color-green);color:#fff}.header-btn--primary:hover{background:var(--color-green-hover)}.header-btn--secondary{background:none;color:var(--color-ink);border:1px solid var(--color-border)}.header-btn--secondary:hover{background:var(--color-bg)}.header-btn--full{width:100%;justify-content:center}.header-btn:focus-visible{outline:2px solid rgba(27,138,90,.4);outline-offset:2px}.header-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-ink);cursor:pointer}.header-hamburger span{display:block;height:2.5px;border-radius:1px}@media(min-width:769px){.header-hamburger{display:none}}.mobile-drawer-overlay{position:fixed;inset:0;background:#0b122066;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-drawer-overlay--open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;width:min(85vw,380px);height:100vh;background:var(--color-surface);z-index:calc(var(--z-modal) + 1);transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;overflow-y:auto}.mobile-drawer--open{transform:translate(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.mobile-drawer__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-ink);background:none;cursor:pointer}.mobile-drawer__close:hover{background:var(--color-bg)}.mobile-drawer__nav{flex:1;padding:var(--space-3)}.mobile-drawer__link{display:block;padding:var(--space-3) var(--space-4);font-size:15px;font-weight:500;color:var(--color-ink);border-radius:var(--radius-md)}.mobile-drawer__link:hover{background:var(--color-bg)}.mobile-drawer__group{margin-top:var(--space-1)}.mobile-drawer__accordion-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--color-ink);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.mobile-drawer__accordion-btn:hover{background:var(--color-bg)}.mobile-drawer__chevron{width:12px;height:12px;transition:transform var(--transition-fast)}.mobile-drawer__chevron--open{transform:rotate(180deg)}.mobile-drawer__sub{padding-left:var(--space-4)}.mobile-drawer__sub-link{display:block;padding:var(--space-2) var(--space-4);font-size:14px;font-weight:500;color:var(--color-muted);border-radius:var(--radius-md)}.mobile-drawer__sub-link:hover{background:var(--color-bg);color:var(--color-ink)}.mobile-drawer__footer{padding:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.navbar-links,.mobile-menu-btn,.navbar-cta,.mobile-menu{display:none}.exam-notice{background:var(--color-sunny);padding:var(--space-2) 0;text-align:center;border-bottom:1px solid rgba(0,0,0,.06);position:relative;z-index:10}.exam-notice__text{margin:0;color:var(--color-ink);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.exam-notice strong{color:var(--color-green)}@media(min-width:768px){.exam-notice{padding:var(--space-2) 0}.exam-notice__text{font-size:var(--text-base)}}.cinematic-hero{position:relative;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden;background:#0e2a47}.cinematic-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.cinematic-hero__overlay{position:absolute;inset:0;background:linear-gradient(to top,#0e2a47eb,#0e2a47b3 40%,#0e2a474d);z-index:1}.cinematic-hero__content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-16) var(--space-4) var(--space-20)}.cinematic-hero__text{max-width:680px;opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94)}.cinematic-hero__eyebrow{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-bottom:var(--space-4)}.cinematic-hero__title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.25rem);font-weight:700;color:#fff;line-height:1.15;margin-bottom:var(--space-6)}.cinematic-hero__title--accent{display:block;color:#0fa958;margin-top:var(--space-2)}.cinematic-hero__subtitle{font-size:var(--text-lg);color:#ffffffb3;line-height:1.6;max-width:540px;margin-bottom:var(--space-8)}.cinematic-hero__ctas{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.hero-cta:hover{transform:translateY(-2px)}.hero-cta--primary{background:#0fa958;color:#fff}.hero-cta--primary:hover{background:#0d9a4e}.hero-cta--secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.hero-cta--secondary:hover{background:#ffffff2e}.platform-section{padding:var(--space-24) 0;background:var(--color-surface)}.platform-section__header{text-align:center;max-width:640px;margin:0 auto var(--space-16)}.platform-section__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-green);margin-bottom:var(--space-3)}.platform-section__desc{color:var(--color-muted);font-size:var(--text-lg);max-width:520px;margin:var(--space-3) auto 0}.pillars-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.pillars-grid{grid-template-columns:repeat(3,1fr)}}.pillar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.pillar-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pillar-card__header{padding:var(--space-6);border-bottom:1px solid var(--color-border)}.pillar-card__number{font-family:IBM Plex Mono,Courier New,monospace;font-size:var(--text-xs);font-weight:600;color:var(--color-muted);display:block;margin-bottom:var(--space-2)}.pillar-card__header h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.pillar-card__header p{font-size:var(--text-sm);color:var(--color-muted);margin:0}.pillar-card__body{padding:var(--space-4)}.notes-explorer__tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:var(--space-4)}.notes-explorer__tab{font-family:var(--font-body);font-size:12px;font-weight:500;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast)}.notes-explorer__tab--active{background:var(--tab-color, var(--color-blue));color:#fff;border-color:var(--tab-color, var(--color-blue))}.notes-explorer__preview{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4)}.notes-explorer__subject-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.notes-explorer__topics{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--space-4)}.notes-explorer__topic-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-ink)}.notes-explorer__topic-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.notes-explorer__cta{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--color-green)}.exam-sim{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4)}.exam-sim__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.exam-sim__badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:#1b8a5a1a;color:var(--color-green)}.exam-sim__timer{display:flex;align-items:center;gap:4px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;color:var(--color-muted)}.exam-sim__q-label{font-size:11px;font-weight:500;color:var(--color-muted);margin-bottom:4px}.exam-sim__q-text{font-size:14px;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-3)}.exam-sim__options{display:flex;flex-direction:column;gap:6px}.exam-sim__option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast)}.exam-sim__option:hover{border-color:var(--color-blue);background:#1e6fb80a}.exam-sim__option--selected{border-color:var(--color-blue);background:#1e6fb80f}.exam-sim__option--correct{border-color:var(--color-green);background:#1b8a5a14;color:var(--color-green)}.exam-sim__option--wrong{border-color:var(--color-error);background:#c73e3e0f;color:var(--color-error)}.exam-sim__option-letter{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg);font-size:11px;font-weight:700;flex-shrink:0}.exam-sim__feedback{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border)}.exam-sim__correct-msg{font-size:13px;font-weight:600;color:var(--color-green);margin:0}.exam-sim__wrong-msg{font-size:13px;font-weight:600;color:var(--color-error);margin:0}.exam-sim__retry{font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--color-blue);margin-top:var(--space-2);background:none;border:none;cursor:pointer;padding:0}.exam-sim__retry:hover{text-decoration:underline}.perf-intel{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4)}.perf-intel__bars{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-4)}.perf-intel__row{display:flex;align-items:center;gap:10px}.perf-intel__label{font-size:12px;font-weight:500;color:var(--color-muted);width:90px;flex-shrink:0}.perf-intel__bar-bg{flex:1;height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.perf-intel__bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.25,.46,.45,.94)}.perf-intel__score{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:var(--color-ink);width:36px;text-align:right}.perf-intel__insights{display:flex;flex-direction:column;gap:8px}.perf-intel__insight{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--color-ink)}.perf-intel__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.perf-intel__dot--green{background:var(--color-green)}.perf-intel__dot--amber{background:#f59e0b}.impact-section{padding:var(--space-24) 0;background:#0e2a47;color:#fff}.impact-section__inner{max-width:800px;margin:0 auto;text-align:center}.impact-section__small{font-size:var(--text-base);color:#ffffff80;margin-bottom:var(--space-4)}.impact-section__big{font-family:var(--font-heading);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;color:#fff;line-height:1.2;margin-bottom:var(--space-6)}.impact-section__big span{color:#0fa958}.impact-section__body{font-size:var(--text-lg);color:#ffffffa6;line-height:1.7;max-width:600px;margin:0 auto var(--space-12)}@media(min-width:640px){.impact-section__stats{grid-template-columns:repeat(4,1fr)}}.impact-stat{text-align:center}.impact-stat__number{display:block;font-family:var(--font-heading);font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:#fff;line-height:1;margin-bottom:4px}.impact-stat__label{font-size:var(--text-sm);color:#ffffff73;font-weight:500}.process-section{padding:var(--space-24) 0;background:var(--color-bg)}.process-steps{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.process-steps{grid-template-columns:repeat(3,1fr)}}.process-step{text-align:center;padding:var(--space-8) var(--space-6)}.process-step__number{font-family:IBM Plex Mono,monospace;font-size:var(--text-xs);font-weight:700;color:var(--color-muted);letter-spacing:.1em;display:block;margin-bottom:var(--space-4)}.process-step__icon{width:56px;height:56px;border-radius:var(--radius-xl);background:#0fa95814;color:var(--color-green);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.process-step h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.process-step p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.6;max-width:300px;margin:0 auto}.access-section{padding:var(--space-24) 0;background:var(--color-surface)}.access-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:780px;margin:0 auto}@media(min-width:640px){.access-grid{grid-template-columns:repeat(2,1fr)}}.access-card{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);background:var(--color-surface);display:flex;flex-direction:column}.access-card--featured{border-color:var(--color-green);box-shadow:0 0 0 1px var(--color-green)}.access-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-green);color:#fff;font-size:11px;font-weight:700;padding:4px 14px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.access-card__header{margin-bottom:var(--space-6)}.access-card__header h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.access-card__price{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-ink)}.access-card__features{list-style:none;padding:0;margin:0 0 var(--space-8);flex:1;display:flex;flex-direction:column;gap:10px}.access-card__features li{font-size:14px;color:var(--color-muted);padding-left:1.8rem;position:relative;line-height:1.5;margin-bottom:8px;display:list-item;list-style:none}.access-card__features li:before{content:"●";position:absolute;left:0;top:0;color:var(--color-green);width:1.2rem;text-align:center;font-size:.8rem;line-height:1.5}.access-card__cta{display:flex;align-items:center;justify-content:center;height:48px;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:14px;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.access-card__cta--primary{background:var(--color-green);color:#fff}.access-card__cta--primary:hover{background:var(--color-green-hover)}.access-card__cta--outline{border:1px solid var(--color-border);color:var(--color-ink)}.access-card__cta--outline:hover{background:var(--color-bg)}.support-section{padding:var(--space-24) 0;background:#0e2a47;color:#fff}.support-section__inner{max-width:640px;margin:0 auto}.support-section__content h2{color:#fff;margin-bottom:var(--space-4)}.support-section__content>p{color:#ffffffa6;font-size:var(--text-lg);line-height:1.7;margin-bottom:var(--space-8)}.support-section__points{display:flex;flex-direction:column;gap:var(--space-4)}.support-point{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:#fffc}.support-point__icon{font-size:1.25rem}.site-footer{background:#0b1220;color:#ffffffb3;padding-top:var(--space-16);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.site-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-8);padding-bottom:var(--space-12);border-bottom:1px solid rgba(255,255,255,.08)}@media(max-width:768px){.site-footer__grid{grid-template-columns:1fr;gap:var(--space-8)}}.site-footer__logo{display:block;margin-bottom:var(--space-3)}.site-footer__logo img{height:48px;width:auto}.site-footer__tagline{font-size:var(--text-sm);color:#ffffff73;line-height:1.6;max-width:280px;margin:0}.site-footer__col h4{font-family:var(--font-heading);font-size:13px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.site-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.site-footer__col a{font-size:14px;color:#fff9;transition:color var(--transition-fast)}.site-footer__col a:hover{color:#fff}.site-footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6) 0}.site-footer__legal p{font-size:13px;color:#ffffff4d;margin:0;line-height:1.6}.site-footer__status{display:flex;align-items:center;gap:8px}.site-footer__status-dot{width:8px;height:8px;border-radius:50%;background:#0fa958;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #0fa95866}50%{box-shadow:0 0 0 6px #0fa95800}}.site-footer__status-text{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:#fff6}@media(max-width:768px){.cinematic-hero__content{padding:var(--space-8) var(--space-4) var(--space-12)}.cinematic-hero__title{font-size:clamp(1.75rem,6vw,2.25rem)}.cinematic-hero__subtitle{font-size:var(--text-base)}.cinematic-hero__ctas{flex-direction:column}.hero-cta{width:100%}}@media(max-width:1023px){.pillars-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}.hero{background:var(--color-hero);padding:var(--space-16) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero--bright{background:linear-gradient(135deg,#4d96ff,#3498db,#5dade2)}.hero--white{background:#fff;background-image:radial-gradient(circle,rgba(77,150,255,.08) 1px,transparent 1px);background-size:24px 24px}.hero--white:before{display:none}.hero--white .hero-decorations{opacity:.5}.hero-simple{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:1}.hero-content-left h1{color:var(--neutral-900);font-size:clamp(2rem,4vw,3.5rem);margin-bottom:var(--space-4);line-height:1.1}.hero-content-left h1 span{color:var(--color-primary)}.hero-content-left p{color:var(--neutral-600);font-size:var(--text-xl);margin-bottom:var(--space-8);line-height:1.6}.hero-image-right{display:flex;justify-content:center;align-items:center}.hero-image-right .hero-main-image{width:100%;max-width:450px;height:auto;border-radius:var(--radius-2xl);filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));animation:float 6s ease-in-out infinite}.hero-decorations{position:absolute;inset:0;pointer-events:none;z-index:0}.floating-emoji{position:absolute;font-size:2rem;opacity:.6;animation:floatEmoji 4s ease-in-out infinite}.floating-emoji--colored{opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes floatEmoji{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(10deg)}}.btn-bounce{animation:gentleBounce 2s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(120px,auto);gap:var(--space-5);position:relative;z-index:1}.hero-tile{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--transition-base);display:flex;flex-direction:column}.hero-tile:hover{transform:translateY(-2px);background:#ffffff26}.hero-tile--large{grid-column:span 6;grid-row:span 2;justify-content:center}.hero-tile--medium{grid-column:span 4}.hero-tile--small{grid-column:span 3;align-items:center;justify-content:center;text-align:center}.hero-tile--accent{background:var(--secondary-500);border-color:var(--secondary-400)}.hero-tile--accent:hover{background:var(--secondary-600)}.hero-tile--sunny{background:#ffd93de6;border-color:#ffd93d80}.hero-tile--sunny:hover{background:#ffd93d}.hero-tile--mint{background:#6bcb77e6;border-color:#6bcb7780}.hero-tile--mint:hover{background:#6bcb77}.hero-tile--coral{background:#ff6b6be6;border-color:#ff6b6b80}.hero-tile--coral:hover{background:#ff6b6b}.hero-tile--lavender{background:#9b5de5e6;border-color:#9b5de580}.hero-tile--lavender:hover{background:#9b5de5}.hero-tile--primary{background:#fff3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.hero-tile--celebration{animation:celebrationPulse 2s ease-in-out infinite}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.hero-tile--large{display:flex;flex-direction:row;align-items:center;gap:var(--space-6)}.hero-main-content{flex:1}.hero-tile--large h1{color:#fff;font-size:clamp(1.5rem,3vw,2.75rem);margin-bottom:var(--space-4);line-height:1.2}.hero-tile--large h1 span{color:var(--color-sunny);text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-tile--large>p,.hero-main-content p{color:#fffffff2;font-size:var(--text-lg);margin-bottom:var(--space-6)}.hero-ctas{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-image-wrapper{flex:0 0 auto;max-width:280px}.hero-main-image{width:100%;height:auto;border-radius:var(--radius-xl);filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));animation:float 6s ease-in-out infinite}.tile-image{border-radius:var(--radius-lg);object-fit:contain}.tile-image--small{max-height:80px;margin:var(--space-2) auto}.tile-image--medium{max-height:100px;margin:var(--space-2) auto;flex:1}.tile-header{margin-bottom:var(--space-4)}.tile-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#fff3;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:#fff}.tile-badge--fun{background:#fffffff2;color:var(--neutral-800);font-weight:700}.tile-description{color:#fffc;font-size:var(--text-sm);margin-bottom:var(--space-4);flex:1}.tile-link{color:#fff;font-weight:600;font-size:var(--text-sm);transition:all var(--transition-fast)}.tile-link:hover{opacity:.8}.tile-link--button{display:inline-block;padding:var(--space-2) var(--space-4);background:#fffffff2;color:var(--neutral-800);border-radius:var(--radius-lg);font-weight:700;text-align:center}.tile-link--button:hover{background:#fff;transform:translateY(-2px);opacity:1}.quick-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stat-icon{font-size:var(--text-2xl)}.stat-icon--large{font-size:var(--text-4xl)}.stat-value{font-size:var(--text-2xl);font-weight:800;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.stat-label{font-size:var(--text-xs);color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hero-tile--carousel{position:relative}.carousel-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:80px}.carousel-container--mini{min-height:40px}.carousel-slide{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:0;transform:translate(20px);transition:all .5s ease}.carousel-slide.active{opacity:1;transform:translate(0)}.carousel-icon{font-size:var(--text-4xl);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--slide-color, var(--primary-500));border-radius:var(--radius-xl)}.carousel-title{font-size:var(--text-base);font-weight:600;color:#fff}.carousel-dots{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all var(--transition-fast)}.carousel-dot.active{background:#fff;transform:scale(1.2)}.carousel-dot:hover{background:#fff9}@media(max-width:1024px){.hero-tile--large{grid-column:span 8}.hero-tile--medium,.hero-tile--small{grid-column:span 4}}@media(max-width:768px){.hero-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.hero-tile--large{grid-column:span 6;grid-row:span 1}.hero-tile--medium{grid-column:span 6}.hero-tile--small{grid-column:span 3}.hero-tile--large h1{font-size:var(--text-3xl)}.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%;justify-content:center}.hero-tile--large{flex-direction:column;text-align:center}.hero-image-wrapper{max-width:200px;order:-1}.floating-emoji{display:none}.hero-simple{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.hero-image-right{order:-1}.hero-image-right .hero-main-image{max-width:300px}}@media(max-width:480px){.hero{padding:var(--space-8) 0}.hero-grid{grid-template-columns:repeat(2,1fr)}.hero-tile--large,.hero-tile--medium{grid-column:span 2}.hero-tile--small{grid-column:span 1}.hero-image-wrapper{max-width:160px}.tile-image--small,.tile-image--medium{max-height:60px}.hero-image-right .hero-main-image{max-width:220px}.hero-content-left h1{font-size:var(--text-3xl)}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;position:relative;z-index:1}.hero-text h1{color:#fff;font-size:var(--text-6xl);margin-bottom:var(--space-6);line-height:1.1}.hero-text h1 span{color:var(--secondary-400)}.hero-text p{color:#ffffffe6;font-size:var(--text-xl);margin-bottom:var(--space-8)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-illustration{width:100%;max-width:500px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.subject-card{position:relative;padding:var(--space-6);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.subject-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--subject-color, var(--primary-600))}.subject-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.subject-icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);margin-bottom:var(--space-4);background:var(--subject-bg, var(--primary-50))}.subject-card h3{margin-bottom:var(--space-2);font-size:var(--text-xl)}.subject-card p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.subject-topics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.topic-tag{padding:var(--space-1) var(--space-3);background:var(--neutral-100);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--neutral-600)}.quiz-container{max-width:800px;margin:0 auto}.quiz-progress{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.progress-bar{flex:1;height:8px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--primary-600);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-text{font-weight:600;color:var(--neutral-600);white-space:nowrap}.question-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl)}.question-number{font-size:var(--text-sm);color:var(--primary-600);font-weight:600;margin-bottom:var(--space-2)}.question-text{font-size:var(--text-2xl);font-weight:600;color:var(--neutral-900);margin-bottom:var(--space-6)}.options-list{display:flex;flex-direction:column;gap:var(--space-3)}.option-btn{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);background:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-xl);text-align:left;font-size:var(--text-base);transition:all var(--transition-fast)}.option-btn:hover:not(:disabled){border-color:var(--primary-400);background:var(--primary-50)}.option-btn.selected{border-color:var(--primary-500);background:var(--primary-50)}.option-btn.correct{border-color:var(--success-500);background:var(--success-50)}.option-btn.incorrect{border-color:var(--error-500);background:var(--error-50)}.option-letter{width:32px;height:32px;border-radius:var(--radius-md);background:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--neutral-600);border:1px solid var(--neutral-300)}.option-btn.selected .option-letter{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.option-btn.correct .option-letter{background:var(--success-500);color:#fff;border-color:var(--success-500)}.option-btn.incorrect .option-letter{background:var(--error-500);color:#fff;border-color:var(--error-500)}.feedback-box{margin-top:var(--space-6);padding:var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:var(--space-3)}.feedback-box.correct{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700)}.feedback-box.incorrect{background:var(--error-50);border:1px solid var(--error-200);color:var(--error-700)}.quiz-actions{display:flex;justify-content:flex-end;gap:var(--space-4);margin-top:var(--space-6)}.score-display{text-align:center;padding:var(--space-12)}.score-circle{width:200px;height:200px;margin:0 auto var(--space-6);border-radius:50%;background:var(--primary-600);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-2xl)}.score-number{font-size:var(--text-6xl);font-weight:800;line-height:1}.score-label{font-size:var(--text-lg);opacity:.9}.score-message{font-size:var(--text-2xl);color:var(--neutral-800);margin-bottom:var(--space-2)}.score-submessage{font-size:var(--text-lg);color:var(--neutral-600);margin-bottom:var(--space-8)}.tips-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.tips-section{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.tips-section h3{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-2xl)}.tips-section h3 span{font-size:var(--text-3xl)}.tip-item{display:flex;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--neutral-100)}.tip-item:last-child{border-bottom:none}.tip-number{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.tip-content h4{font-size:var(--text-base);margin-bottom:var(--space-1)}.tip-content p{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:0}.footer-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4);color:#fff}.footer-column a{color:var(--neutral-400);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--neutral-800);display:flex;justify-content:space-between;align-items:center;color:var(--neutral-500);font-size:var(--text-sm)}.btn-support{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#ff6b9d,#ff4757,#ff6348);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-full);text-decoration:none;box-shadow:0 4px 15px #ff475766;transition:all var(--transition-base)}.btn-support:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475780;background:linear-gradient(135deg,#ff4757,#ff6b9d)}.btn-support:active{transform:translateY(0)}.support-icon{font-size:var(--text-lg);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.15)}}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{text-align:center;padding:var(--space-8);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{width:80px;height:80px;margin:0 auto var(--space-5);border-radius:var(--radius-2xl);background:var(--primary-50);display:flex;align-items:center;justify-content:center;font-size:var(--text-4xl)}.feature-card h3{margin-bottom:var(--space-3);font-size:var(--text-xl)}.feature-card p{font-size:var(--text-sm);margin-bottom:0}.cta-section{background:linear-gradient(135deg,#4d96ff,#3498db,#5dade2);padding:var(--space-20) 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta-section h2{color:#fff;margin-bottom:var(--space-4);position:relative;z-index:1}.cta-section p{color:#ffffffe6;font-size:var(--text-xl);max-width:600px;margin:0 auto var(--space-8);position:relative;z-index:1}.cta-section .btn{position:relative;z-index:1}.page-header{background:var(--color-navy);padding:clamp(var(--space-16),10vw,120px) 0 clamp(var(--space-12),8vw,80px);text-align:center;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.page-header h1{color:#fff;margin-bottom:var(--space-4);position:relative;z-index:1}.page-header p{color:#ffffffe6;font-size:var(--text-xl);max-width:600px;margin:0 auto;position:relative;z-index:1}.mock-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.mock-info-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);text-align:center;transition:all var(--transition-base)}.mock-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.mock-info-icon{width:60px;height:60px;margin:0 auto var(--space-4);border-radius:var(--radius-xl);background:var(--primary-50);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.mock-info-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.mock-info-card p{font-size:var(--text-sm);margin-bottom:0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.about-text h2{margin-bottom:var(--space-6)}.about-text p{font-size:var(--text-lg)}.about-image{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-12)}.value-card{text-align:center;padding:var(--space-6);background:var(--neutral-50);border-radius:var(--radius-xl)}.value-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.value-card h4{margin-bottom:var(--space-2)}.value-card p{font-size:var(--text-sm);margin-bottom:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-slideUp{animation:slideUp .5s ease forwards}.subject-selector{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center}.subject-selector-btn{padding:var(--space-3) var(--space-5);background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-xl);font-weight:500;color:var(--neutral-600);transition:all var(--transition-fast)}.subject-selector-btn:hover{border-color:var(--primary-400);color:var(--primary-600)}.subject-selector-btn.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-6)}.breadcrumbs a:hover{color:var(--primary-600)}.breadcrumbs span{color:var(--neutral-400)}@media(max-width:1024px){.navbar-links{display:none}.mobile-menu-btn{display:flex}.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.hero-illustration{max-width:350px}.hero-ctas{justify-content:center}.tips-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-8)}.features-grid,.mock-info-grid,.values-grid,.about-content{grid-template-columns:1fr}}@media(max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.hero-text h1{font-size:var(--text-4xl)}.section,.hero{padding:var(--space-16) 0}.container{padding:0 var(--space-4)}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;gap:var(--space-4)}.quiz-actions{flex-direction:column}.quiz-actions .btn{width:100%}}@media(max-width:480px){.hero-ctas{flex-direction:column}.hero-ctas .btn{width:100%}.subject-grid{grid-template-columns:1fr}}.mobile-menu{display:none;position:fixed;inset:0;background:#00000080;z-index:var(--z-modal)}.mobile-menu.open{display:block}.mobile-menu-content{position:absolute;top:0;right:0;width:280px;height:100%;background:#fff;padding:var(--space-6);animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.mobile-menu-close{font-size:var(--text-2xl);padding:var(--space-2)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-nav-links a{font-size:var(--text-lg);font-weight:500;padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100)}.notes-subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.notes-subject-card{display:flex;gap:var(--space-5);padding:var(--space-6);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none;border-left:4px solid var(--subject-color)}.notes-subject-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.notes-subject-icon{font-size:var(--text-4xl);width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--subject-bg);border-radius:var(--radius-xl);flex-shrink:0}.notes-subject-content{flex:1}.notes-subject-content h3{font-size:var(--text-xl);color:var(--neutral-800);margin-bottom:var(--space-2)}.notes-subject-content p{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-4)}.notes-subject-meta{display:flex;justify-content:space-between;align-items:center}.notes-unit-count{font-size:var(--text-sm);color:var(--neutral-500)}.notes-arrow{font-size:var(--text-sm);font-weight:600;color:var(--subject-color)}.notes-subject-mini-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.notes-subject-mini-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);text-decoration:none;transition:all var(--transition-base);border:2px solid transparent}.notes-subject-mini-card:hover{border-color:var(--subject-color);transform:translateY(-2px)}.notes-subject-mini-card .mini-icon{font-size:var(--text-xl)}.notes-subject-mini-card .mini-name{font-weight:500;color:var(--neutral-700)}.subject-meta-badges{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.units-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}.unit-card{display:flex;flex-direction:column;padding:var(--space-6);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none;border-top:4px solid var(--unit-color)}.unit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.unit-number{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--unit-color);margin-bottom:var(--space-2)}.unit-title{font-size:var(--text-lg);color:var(--neutral-800);margin-bottom:var(--space-4);flex:1}.unit-topics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.unit-topic-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--unit-bg);color:var(--neutral-700);border-radius:var(--radius-full)}.unit-topic-more{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);color:var(--neutral-500)}.unit-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--neutral-100)}.unit-read-time{font-size:var(--text-sm);color:var(--neutral-500)}.unit-arrow{font-size:var(--text-sm);font-weight:600;color:var(--unit-color)}.unit-header-meta{display:flex;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);opacity:.9}.notes-content-section{background:var(--neutral-50)}.notes-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-8);align-items:start}@media(max-width:968px){.notes-layout{grid-template-columns:1fr}.notes-sidebar{order:2}}.notes-sidebar{position:sticky;top:100px}.sidebar-sticky{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md)}.sidebar-sticky h4{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500);margin-bottom:var(--space-4)}.sidebar-nav{list-style:none;padding:0;margin:0 0 var(--space-6) 0}.sidebar-nav li{margin-bottom:var(--space-2)}.sidebar-nav a{display:block;font-size:var(--text-sm);color:var(--neutral-600);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base);text-decoration:none}.sidebar-nav a:hover{background:var(--neutral-100);color:var(--primary-600)}.key-points-box{background:var(--primary-50);border-radius:var(--radius-lg);padding:var(--space-4)}.key-points-box h4{color:var(--primary-700);margin-bottom:var(--space-3);text-transform:none}.key-points-box ul{list-style:none;padding:0;margin:0}.key-points-box li{font-size:var(--text-sm);color:var(--primary-800);padding:var(--space-2) 0;border-bottom:1px solid var(--primary-100)}.key-points-box li:last-child{border-bottom:none}.notes-main-content{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.notes-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--neutral-100)}.notes-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.notes-section h3{font-size:var(--text-xl);color:var(--neutral-800);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-500);display:inline-block}.notes-section p{font-size:var(--text-base);line-height:1.7;color:var(--neutral-700)}.definition-cards{display:flex;flex-direction:column;gap:var(--space-4)}.definition-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--primary-50);border-radius:var(--radius-xl);border-left:4px solid var(--primary-500)}.definition-term{font-weight:700;font-size:var(--text-lg);color:var(--primary-700)}.definition-text{color:var(--neutral-700);line-height:1.6}.styled-list{list-style:none;padding:0;margin:var(--space-4) 0 0 0}.styled-list li{padding:var(--space-3) var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--space-2);display:flex;gap:var(--space-2)}.styled-list li strong{color:var(--neutral-800)}.styled-list li span{color:var(--neutral-600)}.styled-ol{counter-reset:item;list-style:none;padding:0;margin:var(--space-4) 0 0 0}.styled-ol li{counter-increment:item;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);background:var(--neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--space-2);position:relative}.styled-ol li:before{content:counter(item);position:absolute;left:var(--space-3);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-500);color:#fff;border-radius:50%;font-size:var(--text-sm);font-weight:600}.info-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.info-card{text-align:center;padding:var(--space-5);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border-top:3px solid var(--card-color);transition:all var(--transition-base)}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.info-card-icon{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.info-card h4{font-size:var(--text-base);color:var(--neutral-800);margin-bottom:var(--space-2)}.info-card p{font-size:var(--text-sm);color:var(--neutral-600)}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5)}.comparison-card{padding:var(--space-5);background:var(--neutral-50);border-radius:var(--radius-xl);border:1px solid var(--neutral-200)}.comparison-card h4{font-size:var(--text-lg);color:var(--neutral-800);margin-bottom:var(--space-3)}.comparison-desc{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-3)}.comparison-examples{display:flex;flex-wrap:wrap;gap:var(--space-2)}.example-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-full);color:var(--neutral-700)}.example-text{font-size:var(--text-sm);color:var(--neutral-700)}.tag-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tag-item{padding:var(--space-2) var(--space-4);background:var(--neutral-100);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;color:var(--neutral-700);border-left:3px solid var(--tag-color, var(--primary-500))}.table-wrapper{overflow-x:auto;margin-top:var(--space-4)}.notes-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.notes-table th{background:var(--primary-600);color:#fff;padding:var(--space-3) var(--space-4);text-align:left;font-weight:600}.notes-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.notes-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.notes-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--neutral-100);color:var(--neutral-700)}.notes-table tr:nth-child(2n) td{background:var(--neutral-50)}.steps-list{display:flex;flex-direction:column;gap:var(--space-4)}.step-item{display:flex;gap:var(--space-4);align-items:flex-start}.step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.step-content{flex:1;padding-top:var(--space-2);color:var(--neutral-700);line-height:1.6}.checklist{list-style:none;padding:0;margin:var(--space-4) 0 0 0}.checklist li{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--neutral-100);align-items:center}.check-icon{font-weight:700;font-size:var(--text-lg)}.pie-chart-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg)}.legend-item{display:flex;align-items:center;gap:var(--space-2)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.legend-label{flex:1;font-size:var(--text-sm);color:var(--neutral-700)}.legend-value{font-weight:600;color:var(--neutral-800)}.simple-bar-chart{display:flex;flex-direction:column;gap:var(--space-3)}.bar-row{display:grid;grid-template-columns:120px 1fr 50px;gap:var(--space-3);align-items:center}.bar-label{font-size:var(--text-sm);color:var(--neutral-600)}.bar-container{height:24px;background:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.bar-value{font-weight:600;text-align:right;color:var(--neutral-700)}.warning-box{display:flex;gap:var(--space-4);padding:var(--space-5);background:#fef3c7;border-radius:var(--radius-xl);border-left:4px solid #f59e0b}.warning-icon{font-size:var(--text-2xl)}.warning-box ul{list-style:disc;padding-left:var(--space-4);margin:0}.warning-box li{color:var(--neutral-700);margin-bottom:var(--space-1)}.unit-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:640px){.unit-navigation{grid-template-columns:1fr}}.unit-nav-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--neutral-50);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-base);border:2px solid transparent}.unit-nav-link:hover{border-color:var(--primary-500);background:var(--primary-50)}.unit-nav-link.prev{text-align:left}.unit-nav-link.next{text-align:right}.nav-direction{font-size:var(--text-sm);color:var(--primary-600);font-weight:500}.nav-title{font-size:var(--text-base);color:var(--neutral-800);font-weight:600}@media(max-width:768px){.notes-subject-grid{grid-template-columns:1fr}.notes-subject-card{flex-direction:column;text-align:center}.notes-subject-icon{margin:0 auto}.units-grid{grid-template-columns:1fr}.notes-main-content{padding:var(--space-5)}.info-cards-grid{grid-template-columns:repeat(2,1fr)}.comparison-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:80px 1fr 40px}.bar-label{font-size:var(--text-xs)}}.notes-papers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.notes-paper-card{display:flex;gap:var(--space-5);padding:var(--space-6);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border-left:5px solid var(--paper-color);text-decoration:none;transition:all var(--transition-base)}.notes-paper-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.notes-paper-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--paper-bg);border-radius:var(--radius-xl);font-size:var(--text-4xl);flex-shrink:0}.notes-paper-content{flex:1}.notes-paper-content h3{font-size:var(--text-xl);color:var(--neutral-900);margin-bottom:var(--space-2)}.notes-paper-content p{font-size:var(--text-sm);color:var(--neutral-600);line-height:1.6;margin-bottom:var(--space-4)}.notes-paper-meta{display:flex;justify-content:space-between;align-items:center}.notes-subject-count{font-size:var(--text-sm);color:var(--neutral-500)}.notes-paper-arrow{font-size:var(--text-sm);color:var(--paper-color);font-weight:600}.notes-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.notes-overview-card{padding:var(--space-6);background:var(--neutral-50);border-radius:var(--radius-xl);border:1px solid var(--neutral-200)}.notes-overview-card h3{font-size:var(--text-lg);color:var(--neutral-800);margin-bottom:var(--space-3)}.notes-overview-card p{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-4)}.overview-list{list-style:none;padding:0;margin:0}.overview-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--neutral-700)}.overview-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-size:var(--text-base)}.exam-info-box{background:var(--primary-50);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--primary-100)}.exam-info-box h3{font-size:var(--text-lg);color:var(--neutral-800);margin-bottom:var(--space-4)}.exam-papers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.exam-paper{background:#fff;padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.exam-paper h4{font-size:var(--text-base);color:var(--neutral-800);margin-bottom:var(--space-2)}.exam-paper p{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-3)}.exam-duration{font-size:var(--text-xs);color:var(--primary-600);font-weight:600}@media(max-width:768px){.notes-papers-grid{grid-template-columns:1fr}.notes-paper-card{flex-direction:column;text-align:center}.notes-paper-icon{margin:0 auto var(--space-4)}.notes-paper-meta{flex-direction:column;gap:var(--space-2)}.notes-overview-grid,.exam-papers-grid{grid-template-columns:1fr}}.math-inline{display:inline;padding:0 var(--space-1)}.math-block{display:block;text-align:center;padding:var(--space-4) 0;margin:var(--space-4) 0;background:var(--neutral-50);border-radius:var(--radius-lg);overflow-x:auto}.math-formula-box{background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);border:2px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-5);margin:var(--space-6) 0;text-align:center}.math-formula-box .katex{font-size:1.4em}.math-formula-label{font-size:var(--text-sm);font-weight:600;color:var(--primary-700);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.katex{font-size:1.1em}.katex-display{margin:var(--space-4) 0}.definition-card .katex{font-size:1.2em;color:var(--primary-700)}.notes-table .katex{font-size:1em}.math-examples{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.math-example-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--neutral-200)}.math-example-item .example-label{font-weight:600;color:var(--neutral-700);min-width:80px}.math-example-item .example-equals{color:var(--primary-500);font-weight:700;font-size:var(--text-lg)}.math-example-item .example-result{color:var(--success-600);font-weight:600}.notes-main-content>div+div{margin-top:var(--space-6)}.notes-section{margin-bottom:var(--space-10);padding-bottom:var(--space-8)}.notes-main-content>div:first-child .notes-section{margin-top:0}.definition-cards{gap:var(--space-5);margin-top:var(--space-4)}.definition-card{margin-bottom:var(--space-3)}.comparison-grid{margin-top:var(--space-5);gap:var(--space-6)}.comparison-card{margin-bottom:var(--space-2)}.steps-list,.info-cards-grid{margin-top:var(--space-5);gap:var(--space-5)}.table-wrapper{margin-top:var(--space-5);margin-bottom:var(--space-4)}.styled-list{margin-top:var(--space-5)}.styled-list li{margin-bottom:var(--space-3)}.styled-ol{margin-top:var(--space-5)}.styled-ol li{margin-bottom:var(--space-3)}.checklist,.tag-grid,.pie-chart-legend{margin-top:var(--space-5)}.simple-bar-chart{margin-top:var(--space-4)}.warning-box{margin-top:var(--space-5)}.notes-section>p{margin-bottom:var(--space-4)}.notes-section>p:last-child{margin-bottom:0}.notes-section h3{margin-bottom:var(--space-5)}.key-points-box li{padding:var(--space-3) 0}@media(max-width:768px){.math-block{padding:var(--space-3);font-size:var(--text-sm)}.math-formula-box{padding:var(--space-4)}.math-formula-box .katex{font-size:1.2em}.math-example-item{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.notes-diagram,.notes-interactive{margin-top:var(--space-4)}.notes-interactive h3{margin-bottom:var(--space-4)}.diagram-title{font-size:var(--text-sm);font-weight:600;color:var(--neutral-600);text-align:center;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.diagram-place-value{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.place-value-boxes{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.place-value-box{width:70px;padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.pv-digit{font-size:var(--text-3xl);font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.pv-label{font-size:var(--text-xs);font-weight:600;color:#ffffffe6;margin-top:var(--space-2);text-transform:uppercase}.diagram-number-line{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.number-line{position:relative;height:60px;margin:var(--space-4) var(--space-8)}.line-track{position:absolute;top:50%;left:0;right:0;height:4px;background:var(--neutral-300);border-radius:var(--radius-full);transform:translateY(-50%)}.line-point{position:absolute;transform:translate(-50%);text-align:center}.point-marker{width:14px;height:14px;background:var(--primary-500);border-radius:50%;margin:0 auto var(--space-2);border:3px solid white;box-shadow:var(--shadow-sm)}.point-label{font-size:var(--text-sm);font-weight:600;color:var(--neutral-700);white-space:nowrap}.diagram-number-grid{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.number-grid{display:grid;gap:var(--space-2);max-width:400px;margin:0 auto}.grid-number{padding:var(--space-2);text-align:center;font-weight:600;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm)}.diagram-sieve{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.sieve-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-1);max-width:400px;margin:0 auto var(--space-4)}.sieve-number{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-md);background:var(--neutral-200);color:var(--neutral-600)}.sieve-number.is-prime{background:var(--primary-500);color:#fff}.sieve-number.is-one{background:var(--neutral-300);color:var(--neutral-500)}.sieve-legend{display:flex;justify-content:center;gap:var(--space-6);font-size:var(--text-sm)}.legend-box{display:inline-block;width:16px;height:16px;border-radius:var(--radius-sm);margin-right:var(--space-2);vertical-align:middle}.legend-box.prime{background:var(--primary-500)}.legend-box.not-prime{background:var(--neutral-200)}.diagram-fraction-circle{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.fraction-svg{width:150px;height:150px;margin:0 auto var(--space-4)}.fraction-label{font-size:var(--text-2xl);font-weight:700}.diagram-shape{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.shape-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.shape-svg{width:200px;height:auto}.shape-label{font-size:12px;fill:var(--neutral-600)}.dimension-label{font-size:11px;fill:var(--neutral-700);font-weight:500}.shape-info{font-size:var(--text-sm);font-weight:600;color:var(--primary-600);padding:var(--space-2) var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.diagram-decimal-shift{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.shift-examples{display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;margin:0 auto var(--space-4)}.shift-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.shift-original{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--neutral-700)}.shift-operation{font-size:var(--text-sm);font-weight:600;color:var(--primary-600);padding:var(--space-1) var(--space-2);background:var(--primary-100);border-radius:var(--radius-md)}.shift-arrow{font-size:var(--text-xl);color:var(--neutral-400)}.shift-result{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--success-600)}.shift-direction{text-align:center;font-weight:600;color:var(--primary-600);font-size:var(--text-sm)}.diagram-polygon-gallery{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.polygon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-4);max-width:600px;margin:0 auto}.polygon-card{text-align:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);border:2px solid;box-shadow:var(--shadow-sm)}.polygon-shape{width:60px;height:60px;margin:0 auto var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:50%}.polygon-sides{font-size:var(--text-2xl);font-weight:700;color:var(--neutral-700)}.polygon-name{font-size:var(--text-sm);font-weight:600;color:var(--neutral-700)}.diagram-angle-types{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.angles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-4);max-width:700px;margin:0 auto}.angle-card{text-align:center;padding:var(--space-3);background:#fff;border-radius:var(--radius-lg);border:2px solid;box-shadow:var(--shadow-sm)}.angle-svg{width:60px;height:60px;margin:0 auto var(--space-2)}.angle-name{font-size:var(--text-sm);font-weight:600;color:var(--neutral-700)}.angle-range{font-size:var(--text-xs);color:var(--neutral-500)}.diagram-ratio-blocks{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.ratio-visual{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.ratio-block{width:50px;height:50px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.diagram-percentage-bar{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.percentage-track{height:30px;background:var(--neutral-200);border-radius:var(--radius-full);overflow:hidden;max-width:400px;margin:0 auto var(--space-3)}.percentage-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.percentage-labels{display:flex;justify-content:space-between;max-width:400px;margin:0 auto;font-size:var(--text-sm);font-weight:600;color:var(--neutral-600)}.diagram-circle-parts{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.circle-diagram{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.circle-svg{width:200px;height:200px}.circle-label{font-size:12px;font-weight:600}.circle-parts-list{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.circle-part-item{font-size:var(--text-sm);color:var(--neutral-700);padding:var(--space-2) var(--space-3);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.diagram-pie-chart{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.pie-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.pie-svg{width:200px;height:200px}.pie-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.pie-legend .legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-700)}.pie-legend .legend-color{width:14px;height:14px;border-radius:var(--radius-sm);flex-shrink:0}.diagram-bar-chart{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.bar-chart-container{display:flex;align-items:flex-end;gap:var(--space-3);max-width:400px;margin:0 auto}.bar-chart-y-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:var(--text-xs);color:var(--neutral-500);font-weight:500}.bar-chart-bars{display:flex;align-items:flex-end;gap:var(--space-4);flex:1;height:160px;border-bottom:2px solid var(--neutral-300);padding-bottom:var(--space-2)}.bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.bar-wrapper .bar{width:100%;max-width:50px;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-1);margin-top:auto}.bar-wrapper .bar-value{font-size:var(--text-xs);font-weight:700;color:#fff}.bar-wrapper .bar-label{font-size:var(--text-xs);color:var(--neutral-600);margin-top:var(--space-2);text-align:center}.diagram-formula-box{background:linear-gradient(135deg,var(--primary-50) 0%,var(--accent-50) 100%);border:2px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.formula-display{margin-bottom:var(--space-4)}.formula-display .katex{font-size:1.8em}.formula-variables{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.variable-item{font-size:var(--text-sm);color:var(--neutral-700);padding:var(--space-2) var(--space-4);background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.diagram-bodmas{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.bodmas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-3);max-width:700px;margin:0 auto}.bodmas-card{text-align:center;padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid}.bodmas-letter{display:block;font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-1)}.bodmas-word{display:block;font-size:var(--text-xs);font-weight:600;color:var(--neutral-700);margin-bottom:var(--space-2)}.bodmas-example{font-size:var(--text-xs);color:var(--neutral-500)}.diagram-roman-chart{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.roman-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-3);max-width:600px;margin:0 auto}.roman-card{text-align:center;padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid}.roman-symbol{display:block;font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-1)}.roman-value{display:block;font-size:var(--text-sm);font-weight:600;color:var(--neutral-700)}.diagram-patterns{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.pattern-card{padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);border-left:4px solid;box-shadow:var(--shadow-sm)}.pattern-card h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.pattern-rule{font-size:var(--text-sm);color:var(--neutral-600);margin-bottom:var(--space-2)}.pattern-example{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--neutral-700)}.diagram-square-numbers{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.squares-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);max-width:500px;margin:0 auto}.square-card{text-align:center;padding:var(--space-3);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.square-n{display:block;font-size:var(--text-sm);color:var(--primary-600);font-weight:600}.square-equals{display:block;font-size:var(--text-xs);color:var(--neutral-400)}.square-result{display:block;font-size:var(--text-lg);font-weight:700;color:var(--neutral-800)}.diagram-triangle-types{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.triangle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);max-width:500px;margin:0 auto}.triangle-card{text-align:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);border:2px solid;box-shadow:var(--shadow-sm)}.triangle-icon{width:60px;height:52px;margin:0 auto var(--space-3)}.triangle-icon svg{width:100%;height:100%}.triangle-card h4{font-size:var(--text-sm);font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-1)}.triangle-card p{font-size:var(--text-xs);color:var(--neutral-600)}.diagram-quad-gallery{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.quad-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.quad-card{text-align:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);border:2px solid;box-shadow:var(--shadow-sm)}.quad-shape{width:60px;height:50px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.quad-shape svg{width:100%;height:100%}.quad-card h4{font-size:var(--text-sm);font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-1)}.quad-card p{font-size:var(--text-xs);color:var(--neutral-600)}.diagram-line-types{background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-6)}.line-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);max-width:500px;margin:0 auto}.line-type-card{text-align:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.line-svg{width:80px;height:60px;margin:0 auto var(--space-2)}.line-type-card h4{font-size:var(--text-sm);font-weight:600;color:var(--neutral-800);margin-bottom:var(--space-1)}.line-type-card p{font-size:var(--text-xs);color:var(--neutral-600)}.diagram-placeholder{padding:var(--space-6);background:var(--neutral-100);border-radius:var(--radius-lg);text-align:center;color:var(--neutral-500);font-style:italic}.styled-list{display:flex;flex-direction:column;gap:var(--space-3)}.list-item-card{padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);border-left:4px solid var(--primary-500)}.list-item-card strong{display:block;color:var(--neutral-800);margin-bottom:var(--space-2)}.list-item-card p{color:var(--neutral-600);font-size:var(--text-sm);margin:0}@media(max-width:768px){.place-value-boxes{gap:var(--space-2)}.place-value-box{width:55px;padding:var(--space-3)}.pv-digit{font-size:var(--text-xl)}.polygon-grid,.angles-grid,.bodmas-grid,.roman-grid{grid-template-columns:repeat(3,1fr)}.squares-grid{grid-template-columns:repeat(2,1fr)}.triangle-grid,.quad-grid,.line-types-grid,.patterns-grid{grid-template-columns:1fr}.ratio-block{width:40px;height:40px}.bar-chart-bars{height:120px}.formula-display .katex{font-size:1.3em}}.footer{background:var(--neutral-900);color:#fff;padding:var(--space-16) 0 var(--space-8)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4);color:#fff;text-decoration:none}.footer-brand p{color:var(--neutral-400);font-size:var(--text-sm)}.footer-column h4{color:#fff;font-size:var(--text-base);margin-bottom:var(--space-4)}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer-column a{color:var(--neutral-400);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.footer-column a:hover{color:#fff}.footer-column-logo{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--neutral-700)}.footer-column-logo svg{opacity:.8;transition:opacity var(--transition-fast),transform var(--transition-fast)}.footer-column-logo svg:hover{opacity:1;transform:scale(1.05)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--neutral-800);display:flex;justify-content:space-between;align-items:center}.footer-bottom-left{display:flex;flex-direction:column;gap:var(--space-1)}.footer-bottom-left p{color:var(--neutral-500);font-size:var(--text-sm);margin:0}.footer-bottom-logo{display:flex;align-items:center}.footer-logo-large{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform var(--transition-fast)}.footer-logo-large:hover{transform:scale(1.02)}.footer-logo-large svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.footer-logo-large span{font-family:var(--font-display);font-size:var(--text-xl);color:#fff;font-weight:600}.btn-support{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--secondary-500);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.btn-support:hover{background:var(--secondary-600);transform:translateY(-2px)}.support-icon{font-size:var(--text-base)}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-brand{grid-column:span 2;max-width:100%;text-align:center}.footer-brand .footer-logo{justify-content:center}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{grid-column:span 1}.footer-column ul{align-items:center}.footer-column-logo{display:flex;justify-content:center}.footer-bottom{flex-direction:column;gap:var(--space-6);text-align:center}.footer-bottom-left{align-items:center}}.logo-component{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform var(--transition-fast),opacity var(--transition-fast)}.logo-component:hover{transform:scale(1.02)}.logo-svg{flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;white-space:nowrap}.logo-component--small .logo-text{font-size:var(--text-base)}.logo-component--large .logo-text{font-size:var(--text-2xl)}.logo-component--xlarge .logo-text{font-size:var(--text-3xl)}.cta-section .cta-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.cta-section .cta-logo .logo-svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.page-header .header-logo{margin-bottom:var(--space-6);display:flex;justify-content:center}.page-header .header-logo .logo-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.logo-watermark{position:absolute;opacity:.05;pointer-events:none;z-index:0}.logo-watermark--bottom-right{bottom:var(--space-8);right:var(--space-8)}.logo-watermark--center{top:50%;left:50%;transform:translate(-50%,-50%)}.logo-img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));transition:transform var(--transition-fast),filter var(--transition-fast)}.logo-component:hover .logo-img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.page-header .header-logo .logo-img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.cta-section .cta-logo .logo-img{filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:pulse 2s ease-in-out infinite}.footer-column-logo img{opacity:.9;transition:opacity var(--transition-fast),transform var(--transition-fast)}.footer-column-logo a:hover img{opacity:1;transform:scale(1.05)}.footer-bottom-logo img{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:transform var(--transition-fast)}.footer-logo-large:hover img{transform:scale(1.02)}.mascot-wrapper{display:inline-flex;flex-direction:column;align-items:center;z-index:10}.mascot-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));transition:transform var(--transition-base)}.mascot-wrapper:hover .mascot-image{transform:scale(1.05)}.mascot--animated .mascot-image{animation:mascotBob 3s ease-in-out infinite}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mascot--float-left{float:left;margin-right:var(--space-4);margin-bottom:var(--space-2)}.mascot--float-right{float:right;margin-left:var(--space-4);margin-bottom:var(--space-2)}.mascot--absolute{position:absolute;pointer-events:none}.mascot-floating{position:fixed;pointer-events:none;z-index:100;opacity:.9}.mascot-floating--bottom-right{bottom:20px;right:20px}.mascot-floating--bottom-left{bottom:20px;left:20px}.mascot-speech{position:relative;background:#fff;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);margin-top:var(--space-2);box-shadow:var(--shadow-lg);max-width:200px;text-align:center}.mascot-speech:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white}.mascot-speech span{font-size:var(--text-sm);font-weight:600;color:var(--neutral-800)}.quick-tip{display:flex;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--primary-50) 0%,var(--color-sunny-light) 100%);border-radius:var(--radius-xl);border-left:4px solid var(--primary-500);position:relative;overflow:hidden}.quick-tip:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#ffd93d33;border-radius:50%}.quick-tip .mascot-wrapper{flex-shrink:0}.quick-tip .mascot-image{animation:mascotBob 3s ease-in-out infinite}.quick-tip-content{flex:1}.quick-tip-content h4{color:var(--primary-700);margin-bottom:var(--space-2);font-size:var(--text-lg);display:flex;align-items:center;gap:var(--space-2)}.quick-tip-content p{color:var(--neutral-700);margin:0;font-size:var(--text-base)}.quick-tip--success{background:linear-gradient(135deg,var(--success-50) 0%,var(--color-mint-light) 100%);border-left-color:var(--success-500)}.quick-tip--success .quick-tip-content h4{color:var(--success-700)}.quick-tip--warning{background:linear-gradient(135deg,var(--warning-50) 0%,rgba(255,217,61,.2) 100%);border-left-color:var(--warning-500)}.quick-tip--warning .quick-tip-content h4{color:var(--warning-700)}.quick-tip--info{background:linear-gradient(135deg,var(--info-50) 0%,rgba(77,150,255,.1) 100%);border-left-color:var(--info-500)}.quick-tip--info .quick-tip-content h4{color:var(--info-700)}.callout-box{display:flex;gap:var(--space-5);padding:var(--space-6);background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;margin:var(--space-8) 0}.callout-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500))}.callout-box .mascot-wrapper{flex-shrink:0;align-self:center}.callout-box-content{flex:1}.callout-box-content h3{color:var(--neutral-900);margin-bottom:var(--space-3)}.callout-box-content p{color:var(--neutral-600);margin-bottom:var(--space-4)}.callout-box-content p:last-child{margin-bottom:0}.did-you-know{display:flex;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,var(--color-lavender-light) 0%,var(--primary-50) 100%);border-radius:var(--radius-2xl);border:2px dashed var(--primary-300);position:relative}.did-you-know .mascot-wrapper{flex-shrink:0}.did-you-know-content{flex:1}.did-you-know-content .label{display:inline-block;background:var(--primary-500);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-3)}.did-you-know-content p{color:var(--neutral-700);font-size:var(--text-lg);margin:0;line-height:1.6}.page-mascot{position:absolute;z-index:5;opacity:.85;pointer-events:none}.page-mascot--top-right{top:20px;right:20px}.page-mascot--bottom-left{bottom:20px;left:20px}.page-mascot--hero-right{position:absolute;right:5%;bottom:10%;z-index:2}@media(max-width:768px){.quick-tip{flex-direction:column;text-align:center}.quick-tip .mascot-wrapper{align-self:center}.callout-box{flex-direction:column;text-align:center}.callout-box .mascot-wrapper{align-self:center}.did-you-know{flex-direction:column;text-align:center}.did-you-know .mascot-wrapper{align-self:center}.page-mascot,.mascot-floating{display:none}}.mascot-helper{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);animation:slideInFromRight .5s ease-out}@keyframes slideInFromRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.mascot-helper-bubble{position:relative;background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);padding-right:var(--space-8);box-shadow:var(--shadow-xl);max-width:250px;animation:fadeIn .3s ease-out}.mascot-helper-bubble:after{content:"";position:absolute;bottom:-8px;right:30px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.mascot-helper-bubble p{margin:0;font-size:var(--text-sm);color:var(--neutral-700);line-height:1.5}.mascot-helper-close{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;border-radius:50%;background:var(--neutral-100);color:var(--neutral-500);font-size:var(--text-base);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.mascot-helper-close:hover{background:var(--neutral-200);color:var(--neutral-700)}.mascot-helper-avatar{width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:var(--shadow-xl);padding:4px;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:mascotBob 3s ease-in-out infinite}.mascot-helper-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-2xl)}.mascot-helper-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.mascot-helper-dismiss{position:absolute;top:-5px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--error-500);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.mascot-helper:hover .mascot-helper-dismiss{opacity:1}.mascot-helper.minimized{flex-direction:row;align-items:center}.mascot-helper.minimized .mascot-helper-avatar{width:50px;height:50px}@media(max-width:768px){.mascot-helper{display:none}}:root{--color-navy: #0E2A47;--color-green: #0FA958;--color-ivory: #F6F7F9;--color-charcoal: #1E1E1E;--color-blue: #1E6FB8}.cinematic-hero{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-navy)}.cinematic-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}.cinematic-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0e2a47d9,#0e2a47a6,#0e2a47e6);z-index:1}.cinematic-hero__content{position:relative;z-index:2;width:100%;max-width:800px;padding:var(--space-8) var(--space-6)}.cinematic-hero__content--centered{text-align:center}.cinematic-hero__text{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.cinematic-hero__text--visible{opacity:1;transform:translateY(0)}.cinematic-hero__eyebrow{font-family:IBM Plex Mono,monospace;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin-bottom:var(--space-4)}.cinematic-hero__title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15;color:#fff;margin-bottom:var(--space-4)}.cinematic-hero__title--accent{display:block;color:var(--color-green)}.cinematic-hero__subtitle{font-size:clamp(.95rem,2.2vw,1.15rem);color:#ffffffb3;line-height:1.6;max-width:600px;margin:0 auto var(--space-8)}.cinematic-hero__ctas{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.75rem;border-radius:var(--radius-lg);font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s ease;cursor:pointer}.hero-cta--primary{background:var(--color-green);color:#fff;border:2px solid var(--color-green)}.hero-cta--primary:hover{background:#0d9a4e;transform:translateY(-2px);box-shadow:0 4px 20px #0fa9584d}.hero-cta--secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.25)}.hero-cta--secondary:hover{border-color:#ffffff80;background:#ffffff0d;transform:translateY(-2px)}.cinematic-hero__scroll{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:2}.cinematic-hero__scroll span{display:block;width:24px;height:40px;border:2px solid rgba(255,255,255,.25);border-radius:12px;position:relative}.cinematic-hero__scroll span:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:4px;height:8px;border-radius:2px;background:#ffffff80;animation:hero-scroll-pulse 2s ease-in-out infinite}@keyframes hero-scroll-pulse{0%,to{opacity:1;transform:translate(-50%) translateY(0)}50%{opacity:.3;transform:translate(-50%) translateY(10px)}}.page-hero{background:var(--color-skyblue);padding:clamp(var(--space-16),10vw,120px) 0 clamp(var(--space-12),8vw,80px);text-align:center;position:relative;overflow:hidden}.page-hero:after{display:none}.page-hero h1{font-family:var(--font-heading);font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700;color:#fff;margin-bottom:var(--space-3)}.page-hero__subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:#ffffffa6;max-width:560px;margin:0 auto;line-height:1.6}.breadcrumbs-themed{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:.8rem;margin-bottom:var(--space-6)}.breadcrumbs-themed a{color:#ffffff80;text-decoration:none;transition:color .2s}.breadcrumbs-themed a:hover{color:#fffc}.breadcrumbs-themed span{color:#ffffff4d}.breadcrumbs-themed--active{color:#fff}.platform-section{padding:clamp(var(--space-12),6vw,80px) 0;background:var(--color-ivory)}.platform-section--alt{background:#fff}.platform-section__header{text-align:center;max-width:640px;margin:0 auto var(--space-10)}.platform-section__eyebrow{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-green);margin-bottom:var(--space-2);font-weight:500}.platform-section__header h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-3)}.platform-section__desc{color:var(--color-ink-muted, #555);font-size:1rem;line-height:1.6}.subject-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5)}.themed-subject-card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;color:var(--color-ink);transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:var(--space-2)}.themed-subject-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0e2a4714;border-color:var(--color-green)}.themed-subject-card__icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-1)}.themed-subject-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--color-navy)}.themed-subject-card p{font-size:.88rem;color:#666;line-height:1.5;flex:1}.themed-subject-card__link{font-size:.85rem;font-weight:600;color:var(--color-green);margin-top:auto}.themed-subject-card__topics{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.themed-subject-card__tag{font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--color-ivory);color:#555}.themed-subject-card__actions{margin-top:auto;padding-top:var(--space-3)}.notes-explorer-section{margin-top:var(--space-12);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border, #e2e8f0);overflow:hidden}.notes-explorer-section__header{padding:var(--space-6) var(--space-6) 0}.notes-explorer-section__header h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-1)}.notes-explorer-section__header p{font-size:.88rem;color:#666}.notes-explorer{display:flex;flex-direction:column}.notes-explorer__tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--color-border, #e2e8f0);padding:0 var(--space-4)}.notes-explorer__tab{padding:var(--space-3) var(--space-4);font-size:.82rem;font-weight:600;color:#777;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s}.notes-explorer__tab:hover{color:var(--tab-color)}.notes-explorer__tab--active{color:var(--tab-color);border-bottom-color:var(--tab-color)}.notes-explorer__preview{padding:var(--space-6)}.notes-explorer__subject-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.notes-explorer__topics{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.notes-explorer__topic-row{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--color-ink, #333)}.notes-explorer__topic-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.notes-explorer__cta{display:inline-flex;font-size:.88rem;font-weight:600;color:var(--color-green);text-decoration:none}.notes-explorer__cta:hover{text-decoration:underline}.practise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-5)}.practise-scroll-wrapper{overflow-x:auto;padding:var(--space-4) 0 var(--space-8);scrollbar-width:none;scroll-snap-type:x mandatory}.practise-scroll-wrapper::-webkit-scrollbar{display:none}.practise-grid--simple{display:flex;gap:var(--space-6);width:max-content;margin:0 auto}.practise-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);display:flex;flex-direction:column;transition:all var(--transition-base);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);scroll-snap-align:center}.practise-card--summary{width:480px}@media(max-width:1024px){.practise-card--summary{width:400px}}@media(max-width:768px){.practise-scroll-wrapper{overflow-x:visible}.practise-grid--simple{display:flex;flex-direction:column;width:100%;gap:var(--space-4)}.practise-card--summary{width:100%}}.practise-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-green)}.practise-card__badge{position:absolute;top:0;right:0;background:var(--color-green);color:#fff;padding:4px 12px;font-size:11px;font-weight:700;text-transform:uppercase;border-bottom-left-radius:var(--radius-lg)}.practise-card__icon{font-size:3rem;margin-bottom:var(--space-4)}.practise-card h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2)}.practise-card p{color:var(--color-muted);margin-bottom:var(--space-6);flex:1}.practise-card .access-card__features{margin-bottom:var(--space-8)}.practise-card__features{list-style:none;padding:0;margin:var(--space-4) 0 var(--space-6);display:flex;flex-direction:column;gap:8px}.practise-card__features li{font-size:14px;color:var(--color-muted);padding-left:32px;position:relative;line-height:1.5}.practise-card__features li:before{content:"●";position:absolute;left:0;top:0;color:var(--color-green);font-size:.8rem;line-height:1.5}.practise-card__soon{font-size:.82rem;font-weight:600;color:#999;background:var(--color-ivory);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-align:center;margin-top:auto}.mock-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);max-width:680px;margin:0 auto}.mock-preview__card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-6);position:relative}.mock-preview__card--featured{border-color:var(--color-green);border-width:2px}.mock-preview__card h3{font-family:var(--font-heading);font-weight:600;color:var(--color-navy);margin-bottom:var(--space-3)}.pillar-card__number{font-family:IBM Plex Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-green);font-weight:600}.past-papers-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5);max-width:780px;margin:0 auto}.past-papers-preview__card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.past-papers-preview__card h4{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-1)}.past-papers-preview__card p{font-size:.82rem;color:#777;margin-bottom:var(--space-4)}.past-papers-preview__year{font-family:IBM Plex Mono,monospace;font-size:2rem;font-weight:700;color:var(--color-navy);margin-bottom:var(--space-3)}.impact-section{padding:clamp(var(--space-16),8vw,100px) 0;background:var(--color-navy)}@media(min-width:1024px){.impact-section{background:transparent;padding:var(--space-20) 0}.impact-section__inner{background:var(--color-navy);border-radius:var(--radius-2xl);padding:var(--space-16) var(--space-12);box-shadow:var(--shadow-xl);max-width:1000px;margin:0 auto;position:relative}}.impact-section__small{font-family:var(--font-body);font-size:.85rem;letter-spacing:.04em;color:#ffffff73;margin-bottom:var(--space-4)}.impact-section__big{font-family:var(--font-heading);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;color:#fff;line-height:1.2;margin-bottom:var(--space-4)}.impact-section__big span{color:var(--color-green);font-style:italic}.impact-section__body{font-size:1.05rem;color:#fff9;line-height:1.6;max-width:600px;margin:0 auto var(--space-10)}.impact-section__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(min-width:768px){.impact-section__stats{grid-template-columns:repeat(4,1fr)}}.impact-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.impact-stat__number{font-family:IBM Plex Mono,monospace;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;color:var(--color-green)}.impact-stat__label{font-size:.78rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.04em}.study-support-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.study-support-card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;color:var(--color-ink);transition:all .25s ease;display:flex;flex-direction:column;gap:var(--space-2)}.study-support-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0e2a470f;border-color:var(--color-green)}.study-support-card__tag{font-family:IBM Plex Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-green);font-weight:600}.study-support-card h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-navy);flex:1}.study-support-card__link{font-size:.85rem;font-weight:600;color:var(--color-green)}.resources-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-5)}.resources-strip__card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-6);text-decoration:none;color:var(--color-ink);transition:all .25s ease;display:flex;flex-direction:column;gap:var(--space-2)}.resources-strip__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0e2a470f;border-color:var(--color-green)}.resources-strip__icon{font-size:1.8rem;margin-bottom:var(--space-1)}.resources-strip__card h4{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-navy)}.resources-strip__card p{font-size:.85rem;color:#666;line-height:1.5}.support-section{background:var(--color-navy);padding:clamp(var(--space-16),8vw,120px) 0}.support-section__inner{margin:0 auto}.support-section__content h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;color:#fff;margin-bottom:var(--space-3)}.support-section__content p{font-size:1rem;color:#fff9;line-height:1.7}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);max-width:900px;margin:0 auto}.process-step{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.process-step__number{font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.08em;color:var(--color-green);font-weight:600}.process-step__icon{width:56px;height:56px;border-radius:50%;background:#0fa95814;color:var(--color-green);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.process-step h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-navy)}.process-step p{font-size:.85rem;color:#666;line-height:1.5;max-width:260px}.notes-papers-grid-themed{display:flex;flex-direction:column;gap:var(--space-4)}.notes-paper-card-themed{display:flex;gap:var(--space-5);align-items:flex-start;background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl);padding:var(--space-5);text-decoration:none;color:var(--color-ink);transition:all .25s ease}.notes-paper-card-themed:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0e2a470f;border-color:var(--paper-color)}.notes-paper-card-themed__icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.notes-paper-card-themed h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-1)}.notes-paper-card-themed p{font-size:.85rem;color:#666;line-height:1.5;margin-bottom:var(--space-2)}.notes-paper-card-themed__meta{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:#999}.notes-paper-card-themed__arrow{font-weight:600;color:var(--paper-color)}.tips-nav-bar{background:#fff;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border, #e2e8f0);position:sticky;top:72px;z-index:100}.tips-nav-bar__inner{display:flex;gap:var(--space-3);justify-content:center}.tips-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}@media(max-width:768px){.tips-two-col{grid-template-columns:1fr;gap:var(--space-8)}}.tips-list-themed{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.tip-item-themed{display:flex;align-items:flex-start;gap:var(--space-4)}.tip-item-themed__number{font-family:IBM Plex Mono,monospace;font-size:.82rem;font-weight:600;color:var(--color-green);flex-shrink:0;margin-top:2px}.tip-item-themed h4{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-1)}.tip-item-themed p{font-size:.85rem;color:#666;line-height:1.5}.values-grid-themed{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-5);max-width:800px;margin:0 auto}.value-card-themed{text-align:center;background:var(--color-ivory);border-radius:var(--radius-xl);padding:var(--space-6)}.value-card-themed__icon{font-size:2rem;display:block;margin-bottom:var(--space-2)}.value-card-themed h4{font-family:var(--font-heading);font-size:.95rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-1)}.value-card-themed p{font-size:.82rem;color:#666;line-height:1.4}.about-quote{font-family:var(--font-heading);font-size:clamp(1.1rem,2.5vw,1.5rem);color:#ffffffe6;font-weight:500;font-style:italic;line-height:1.6;margin:0 0 var(--space-4)}.about-quote__author{font-family:IBM Plex Mono,monospace;font-size:.85rem;color:var(--color-green);font-weight:600}.about-prose{text-align:center}.about-prose p{font-size:1rem;color:#555;line-height:1.8;margin-bottom:var(--space-4)}.topic-pills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.topic-pill{padding:var(--space-3) var(--space-4);background:var(--topic-bg, var(--color-ivory));border-left:4px solid var(--topic-color, var(--color-green));border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--color-navy)}.sample-questions-list{display:flex;flex-direction:column;gap:var(--space-6)}.sample-question-card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-top:4px solid var(--q-color, var(--color-green));border-radius:var(--radius-xl);padding:var(--space-6)}.sample-question-card__label{font-family:IBM Plex Mono,monospace;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);display:block}.sample-question-card h4{font-size:1.05rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-4)}.sample-question-card__options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.sample-question-card__option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border, #e2e8f0);background:var(--color-ivory);font-size:.88rem}.sample-question-card__option--correct{background:#0fa95814;border-color:var(--color-green)}.sample-question-card__letter{width:24px;height:24px;border-radius:50%;background:var(--color-border, #e2e8f0);color:#666;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.sample-question-card__letter--correct{background:var(--color-green);color:#fff}.sample-question-card__explanation{margin-top:var(--space-4);padding:var(--space-3);background:#1e6fb80f;border-radius:var(--radius-md);font-size:.85rem;color:#555;line-height:1.5}.site-footer{background:#0b1220;border-radius:2rem 2rem 0 0;padding:clamp(var(--space-12),5vw,80px) 0 var(--space-8);color:#ffffff8c;margin-top:auto}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-10)}.site-footer__brand{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__logo img{height:40px;width:auto}.site-footer__tagline{font-size:.82rem;line-height:1.6;max-width:300px}.site-footer__col h4{font-family:var(--font-heading);font-size:.85rem;color:#fff;font-weight:600;margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.04em}.site-footer__col ul{list-style:none;padding:0}.site-footer__col li{margin-bottom:var(--space-2)}.site-footer__col a{color:#ffffff80;text-decoration:none;font-size:.82rem;transition:color .2s}.site-footer__col a:hover{color:var(--color-green)}.site-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-5);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.site-footer__legal{display:flex;flex-direction:column;gap:var(--space-1)}.site-footer__legal p{font-size:.75rem;margin:0;color:#ffffff4d}.site-footer__status{display:flex;align-items:center;gap:var(--space-2)}.site-footer__status-dot{width:8px;height:8px;background:var(--color-green);border-radius:50%;animation:footer-pulse 2.5s ease-in-out infinite}@keyframes footer-pulse{0%,to{opacity:1;box-shadow:0 0 #0fa95880}50%{opacity:.7;box-shadow:0 0 0 6px #0fa95800}}.site-footer__status-text{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:#fff6;text-transform:uppercase;letter-spacing:.06em}@media(max-width:1024px){.site-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.cinematic-hero__content{padding:var(--space-6) var(--space-4)}.cinematic-hero__ctas{flex-direction:column;align-items:center}.hero-cta{width:100%;max-width:280px}.impact-section__stats{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.site-footer__grid{grid-template-columns:1fr;gap:var(--space-6)}.subject-cards-grid,.practise-grid,.mock-preview,.past-papers-preview,.sample-question-card__options{grid-template-columns:1fr}.page-hero{padding:clamp(var(--space-12),8vw,80px) 0 var(--space-10)}}@media(max-width:480px){.impact-section__stats{grid-template-columns:repeat(2,1fr)}.topic-pills-grid{grid-template-columns:1fr}}.donate-form-themed{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border, #e2e8f0);padding:var(--space-8)}.donate-form-themed__group{margin-bottom:var(--space-5)}.donate-form-themed__group label{display:block;font-size:.85rem;font-weight:600;color:var(--color-navy);margin-bottom:var(--space-2)}.donate-amount-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}@media(max-width:640px){.donate-amount-grid{grid-template-columns:repeat(3,1fr)}}.donate-amount-btn{padding:var(--space-3) var(--space-2);border:2px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md);background:var(--color-ivory);font-weight:600;font-size:.85rem;color:var(--color-navy);cursor:pointer;transition:all .15s}.donate-amount-btn:hover{border-color:var(--color-green);color:var(--color-green)}.donate-amount-btn--active{border-color:var(--color-green);background:#0fa95814;color:var(--color-green)}.donate-input-wrapper{display:flex;align-items:center;border:2px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.donate-input-wrapper:focus-within{border-color:var(--color-green)}.donate-input-wrapper__prefix{padding:var(--space-3) var(--space-4);background:var(--color-ivory);font-weight:600;color:#888;font-size:.9rem;border-right:1px solid var(--color-border, #e2e8f0)}.donate-input-wrapper__input{flex:1;border:none;outline:none;padding:var(--space-3) var(--space-4);font-size:.95rem;font-family:IBM Plex Mono,monospace}.donate-input-full{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md);font-size:.9rem;outline:none;transition:border-color .2s}.donate-input-full:focus{border-color:var(--color-green)}.donate-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md);font-size:.9rem;font-family:inherit;outline:none;resize:vertical;transition:border-color .2s}.donate-textarea:focus{border-color:var(--color-green)}.donate-error-themed{padding:var(--space-3) var(--space-4);background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#dc2626;font-size:.88rem;font-weight:500}.donate-secure-note-themed{text-align:center;font-size:.8rem;color:#888;margin-top:var(--space-4)}.subject-explorer{display:grid;grid-template-columns:280px 1fr;gap:0;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border, #e2e8f0);overflow:hidden;min-height:340px}.subject-explorer__list{display:flex;flex-direction:column;border-right:1px solid var(--color-border, #e2e8f0);background:var(--color-ivory)}.subject-explorer__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:none;background:none;cursor:pointer;text-align:left;position:relative;transition:all .2s ease;border-bottom:1px solid var(--color-border, #e2e8f0)}.subject-explorer__item:last-of-type{border-bottom:none}.subject-explorer__item:hover{background:#ffffffb3}.subject-explorer__item--active{background:#fff}.subject-explorer__item-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.subject-explorer__item-text{display:flex;flex-direction:column;gap:1px;min-width:0}.subject-explorer__item-name{font-family:var(--font-heading);font-size:.88rem;font-weight:600;color:var(--color-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-explorer__item-count{font-size:.72rem;color:#999}.subject-explorer__item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 3px 3px 0}.subject-explorer__progress{padding:0 var(--space-5);padding-bottom:var(--space-3);margin-top:auto}.subject-explorer__progress-bar{height:2px;border-radius:1px;background:var(--progress-color, var(--color-green));animation:explore-progress linear forwards;transform-origin:left}@keyframes explore-progress{0%{width:0%}to{width:100%}}.subject-explorer__panel{padding:var(--space-6);display:flex;flex-direction:column;animation:panel-fade-in .3s ease}@keyframes panel-fade-in{0%{opacity:.5}to{opacity:1}}.subject-explorer__panel-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.subject-explorer__panel-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.subject-explorer__panel-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:2px}.subject-explorer__panel-desc{font-size:.85rem;color:#666;line-height:1.5}.subject-explorer__topics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-6);margin-bottom:var(--space-5);flex:1}.subject-explorer__topic{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.95rem;color:var(--color-ink, #333);animation:topic-slide-in .3s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translate(8px);line-height:1.4}.subject-explorer__topic-dot{width:6px;height:6px;border-radius:2px;flex-shrink:0;margin-top:.5rem;opacity:.8}@keyframes topic-slide-in{to{opacity:1;transform:translate(0)}}.subject-explorer__panel-footer{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border, #e2e8f0);margin-top:auto}.subject-explorer__notes-link{font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .2s}.subject-explorer__notes-link:hover{opacity:.7}@media(max-width:768px){.subject-explorer{grid-template-columns:1fr}.subject-explorer__list{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid var(--color-border, #e2e8f0);-webkit-overflow-scrolling:touch}.subject-explorer__item{flex-direction:column;padding:var(--space-3) var(--space-4);border-bottom:none;border-right:1px solid var(--color-border, #e2e8f0);min-width:fit-content;gap:var(--space-1)}.subject-explorer__item:last-of-type{border-right:none}.subject-explorer__item-indicator{left:50%;top:auto;bottom:0;transform:translate(-50%);width:60%;height:3px;border-radius:3px 3px 0 0}.subject-explorer__item-icon{width:32px;height:32px;font-size:1rem}.subject-explorer__item-name{font-size:.75rem}.subject-explorer__item-count,.subject-explorer__progress{display:none}.subject-explorer__topics{grid-template-columns:1fr}.subject-explorer__panel-footer{flex-direction:column;gap:var(--space-3)}}.quiz-hub{min-height:calc(100vh - 72px);padding:var(--space-6) var(--space-4);background:var(--color-bg)}.quiz-hub__inner{max-width:540px;margin:0 auto}.quiz-hub__header{text-align:center;margin-bottom:var(--space-8)}.quiz-hub__emoji{font-size:3rem;display:block;margin-bottom:var(--space-3);animation:qhBounce 2s ease-in-out infinite}@keyframes qhBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.quiz-hub__title{font-size:var(--text-3xl);color:var(--color-ink);margin-bottom:var(--space-2)}.quiz-hub__sub{color:var(--color-muted);font-size:var(--text-sm)}.quiz-setup-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.quiz-setup-card__section{margin-bottom:var(--space-6)}.quiz-setup-card__section:last-child{margin-bottom:0}.quiz-setup-card__label{display:block;font-family:var(--font-heading);font-weight:600;font-size:var(--text-sm);color:var(--color-ink);margin-bottom:var(--space-3)}.quiz-setup-card__label span{font-weight:400;color:var(--color-muted);font-family:var(--font-body)}.quiz-subject-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.quiz-subject-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);font-weight:500;color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast)}.quiz-subject-chip:hover{border-color:var(--color-muted)}.quiz-subject-chip--active{border-color:var(--color-green);background:var(--secondary-50);color:var(--color-green)}.quiz-subject-chip--disabled{opacity:.45;cursor:not-allowed}.quiz-slider-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-slider-row{display:flex;align-items:center;gap:var(--space-3)}.quiz-slider{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:3px;background:var(--color-border);outline:none}.quiz-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-green);cursor:pointer;border:3px solid white;box-shadow:var(--shadow-sm)}.quiz-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-green);cursor:pointer;border:3px solid white;box-shadow:var(--shadow-sm)}.quiz-slider-value{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--color-green);min-width:38px;text-align:center}.quiz-slider-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-muted)}.quiz-timer-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary-50);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-blue)}.quiz-timer-info__icon{font-size:1.2rem;flex-shrink:0}.quiz-start-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:52px;background:var(--color-green);color:#fff;font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:background var(--transition-fast)}.quiz-start-btn:hover{background:var(--color-green-hover)}.quiz-start-btn:disabled{opacity:.45;cursor:not-allowed}.quiz-active{min-height:calc(100vh - 72px);display:flex;flex-direction:column;background:var(--color-bg)}.quiz-topbar{position:sticky;top:72px;z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4)}.quiz-topbar__inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:var(--space-3)}.quiz-topbar__progress{flex:1;display:flex;align-items:center;gap:var(--space-3)}.quiz-progress-bar{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--color-green);border-radius:3px;transition:width .4s ease}.quiz-topbar__count{font-size:var(--text-xs);font-weight:600;color:var(--color-muted);white-space:nowrap}.quiz-topbar__timer{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-ink);white-space:nowrap}.quiz-topbar__timer--warn{color:var(--color-error);animation:timerPulse 1s ease infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.quiz-topbar__quit{font-size:var(--text-xs);font-weight:500;color:var(--color-muted);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.quiz-topbar__quit:hover{background:var(--color-bg);color:var(--color-error)}.quiz-body{flex:1;padding:var(--space-5) var(--space-4) var(--space-12)}.quiz-body__inner{max-width:640px;margin:0 auto}.quiz-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:var(--space-2)}.quiz-meta__unit{padding:2px 8px;background:var(--primary-50);color:var(--color-blue);border-radius:var(--radius-full)}.quiz-question-text{font-family:var(--font-heading);font-size:clamp(var(--text-lg),3vw,var(--text-xl));font-weight:600;color:var(--color-ink);line-height:1.45;margin-bottom:var(--space-5)}.quiz-options{display:flex;flex-direction:column;gap:var(--space-2)}.quiz-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:inherit}.quiz-option:hover:not(:disabled){border-color:var(--color-muted);background:var(--neutral-50)}.quiz-option--selected{border-color:var(--color-blue);background:var(--primary-50)}.quiz-option--correct{border-color:var(--color-green);background:#1b8a5a0f;color:var(--color-green)}.quiz-option--wrong{border-color:var(--color-error);background:#c73e3e0f;color:var(--color-error)}.quiz-option__letter{width:30px;height:30px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0;color:var(--color-muted);transition:all var(--transition-fast)}.quiz-option--selected .quiz-option__letter{background:var(--color-blue);color:#fff}.quiz-option--correct .quiz-option__letter{background:var(--color-green);color:#fff}.quiz-option--wrong .quiz-option__letter{background:var(--color-error);color:#fff}.quiz-option__text{flex:1}.quiz-feedback{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);align-items:flex-start;animation:qfSlideIn .3s ease}@keyframes qfSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz-feedback--correct{background:#1b8a5a0f;border:1px solid rgba(27,138,90,.18)}.quiz-feedback--wrong{background:#c73e3e0f;border:1px solid rgba(199,62,62,.18)}.quiz-feedback__icon{font-size:1.3rem;flex-shrink:0}.quiz-feedback__title{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-1)}.quiz-feedback--correct .quiz-feedback__title{color:var(--color-green)}.quiz-feedback--wrong .quiz-feedback__title{color:var(--color-error)}.quiz-feedback__text{font-size:var(--text-sm);color:var(--color-muted);margin:0;line-height:1.5}.quiz-actions{padding:var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border);position:sticky;bottom:0}.quiz-actions__inner{max-width:640px;margin:0 auto}.quiz-action-btn{width:100%;height:50px;border:none;border-radius:var(--radius-xl);font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.quiz-action-btn--primary{background:var(--color-green);color:#fff}.quiz-action-btn--primary:hover{background:var(--color-green-hover)}.quiz-action-btn--primary:disabled{opacity:.4;cursor:not-allowed}.quiz-report{min-height:calc(100vh - 72px);padding:var(--space-6) var(--space-4);background:var(--color-bg)}.quiz-report__inner{max-width:640px;margin:0 auto}.quiz-score-hero{text-align:center;padding:var(--space-8) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.quiz-score-ring{width:100px;height:100px;border-radius:50%;border:4px solid var(--color-green);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.quiz-score-ring__num{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;color:var(--color-green);line-height:1}.quiz-score-ring__den{font-size:var(--text-xs);color:var(--color-muted)}.quiz-score-hero h2{margin-bottom:var(--space-2)}.quiz-score-hero p{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:0}.quiz-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.quiz-stat-card{text-align:center;padding:var(--space-4) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.quiz-stat-card__icon{font-size:1.3rem;margin-bottom:var(--space-1)}.quiz-stat-card__value{font-family:var(--font-heading);font-weight:700;font-size:var(--text-xl);color:var(--color-ink)}.quiz-stat-card__label{font-size:var(--text-xs);color:var(--color-muted)}.quiz-review{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-6)}.quiz-review__title{padding:var(--space-4) var(--space-5);font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);border-bottom:1px solid var(--color-border)}.quiz-review-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.quiz-review-item:last-child{border-bottom:none}.quiz-review-item__icon{font-size:1.1rem;margin-top:2px;flex-shrink:0}.quiz-review-item__body{flex:1;min-width:0}.quiz-review-item__q{font-weight:600;color:var(--color-ink);margin-bottom:var(--space-1)}.quiz-review-item__answer{font-size:var(--text-xs);color:var(--color-muted)}.quiz-review-item__answer strong{color:var(--color-green)}.quiz-report-actions{display:flex;flex-direction:column;gap:var(--space-3)}.quiz-report-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;border-radius:var(--radius-xl);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;width:100%}.quiz-report-btn--primary{background:var(--color-green);color:#fff}.quiz-report-btn--primary:hover{background:var(--color-green-hover)}.quiz-report-btn--secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border)}.quiz-report-btn--secondary:hover{background:var(--color-bg)}@media(min-width:640px){.quiz-hub{padding:var(--space-10) var(--space-6)}.quiz-report-actions{flex-direction:row}.quiz-report-btn{flex:1}}.curriculum-resources{min-height:100vh;background-color:#f8fafc}.page-header{background-color:#fff;padding:5rem 0 3rem;text-align:center;border-bottom:1px solid #e2e8f0}.page-header .subtitle{display:inline-block;padding:.5rem 1rem;background:#e0f2fe;color:#0c8ce9;border-radius:2rem;font-size:.875rem;font-weight:600;margin-bottom:1rem}.page-header h1{font-size:3rem;margin-bottom:1rem;font-family:Patrick Hand,cursive;color:#0f172a}.page-header p{color:#64748b;font-size:1.25rem;max-width:600px;margin:0 auto}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:4rem 0}.resource-card{background:#fff;border-radius:24px;padding:2.5rem;display:flex;gap:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.resource-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d;border-color:#0c8ce9}.resource-icon{font-size:2.5rem;background:#f1f5f9;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;flex-shrink:0}.resource-info{flex:1}.resource-status{font-size:.75rem;text-transform:uppercase;color:#0c8ce9;font-weight:700;letter-spacing:.05em}.resource-info h3{font-size:1.5rem;margin:.5rem 0;color:#0f172a}.resource-info p{color:#64748b;line-height:1.6;margin:0}.resource-arrow{position:absolute;bottom:2rem;right:2rem;color:#cbd5e1;transition:color .3s ease}.resource-card:hover .resource-arrow{color:#0c8ce9}.resource-arrow svg{width:24px;height:24px}.resource-cta{background:linear-gradient(135deg,#0c8ce9,#0369a1);border-radius:32px;padding:4rem;color:#fff;text-align:center;margin-bottom:5rem}.cta-content h2{font-family:Patrick Hand,cursive;font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto 2rem}.cta-actions{display:flex;justify-content:center;gap:1.5rem}.cta-actions .btn-primary{background:#fff;color:#0c8ce9}.cta-actions .btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cta-actions .btn-secondary:hover{background:#fff3}@media(max-width:768px){.page-header h1{font-size:2.25rem}.resources-grid{grid-template-columns:1fr}.resource-cta{padding:3rem 1.5rem}.cta-actions{flex-direction:column}}.blog-page{background-color:#f8fafc;min-height:100vh;padding:2rem 0}.blog-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.blog-header h1{font-family:Patrick Hand,cursive;font-size:3rem;color:#1e293b;margin-bottom:1rem}.blog-header p{font-family:Montserrat,sans-serif;color:#64748b;font-size:1.2rem;max-width:800px;margin:0 auto}.blog-container{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem}.hero-feature{grid-column:1 / 9;display:flex;flex-direction:column;gap:2rem}.sidebar-feed{grid-column:9 / 13;display:flex;flex-direction:column;gap:2rem}.article-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.article-image-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.article-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.article-card:hover .article-image{transform:scale(1.05)}.article-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.article-category{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#0c8ce9;margin-bottom:.5rem;letter-spacing:.05em}.article-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.75rem;line-height:1.25}.article-excerpt{font-size:1rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-meta{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f5f9;padding-top:1rem;font-size:.875rem;color:#94a3b8}.read-more{color:#0c8ce9;text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.25rem}.read-more:hover{text-decoration:underline}.sidebar-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #0c8ce9;display:inline-block}.side-article-card{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid #f1f5f9}.side-article-card:last-child{border-bottom:none}.side-article-image{width:80px;height:80px;border-radius:12px;object-fit:cover;flex-shrink:0}.side-article-info h4{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:.25rem;line-height:1.4}.side-article-info p{font-size:.875rem;color:#64748b}.hero-card{height:100%}.hero-card .article-title{font-size:2.25rem}@media(max-width:1024px){.blog-container{grid-template-columns:1fr}.hero-feature,.sidebar-feed{grid-column:1 / -1}.hero-card .article-title{font-size:1.75rem}}@media(max-width:640px){.blog-container{padding:0 1rem}.article-title{font-size:1.25rem}.blog-header h1{font-size:2.5rem}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.pd-root{min-height:100vh;background:#f7f8fb;font-family:var(--font-body, "Inter", sans-serif);display:flex;flex-direction:column}.pd-nav{background:#fff;border-bottom:1px solid var(--color-border, #E6E8EF);position:sticky;top:0;z-index:200}.pd-nav__inner{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:32px}.pd-nav__logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.pd-nav__logo-icon{font-size:1.5rem}.pd-nav__logo-text{font-family:var(--font-heading, "Poppins", sans-serif);font-weight:700;font-size:1rem;color:var(--color-ink, #0B1220)}.pd-nav__links{display:flex;align-items:center;gap:4px;flex:1}.pd-nav__link{padding:6px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-ink, #0B1220);text-decoration:none;transition:background .15s ease}.pd-nav__link:hover{background:#f7f8fb;color:var(--color-ink, #0B1220)}.pd-nav__right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.pd-search{display:flex;align-items:center;gap:8px;background:#f7f8fb;border:1px solid #E6E8EF;border-radius:10px;padding:0 14px;height:38px;width:220px;transition:border-color .15s ease,box-shadow .15s ease}.pd-search:focus-within{border-color:var(--color-blue, #1E6FB8);box-shadow:0 0 0 3px #1e6fb81a}.pd-search__icon{font-size:14px;opacity:.5}.pd-search__input{border:none;background:transparent;font-size:13px;color:var(--color-ink);outline:none;width:100%}.pd-search__input::placeholder{color:#a1a5b2}.pd-streak{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.pd-streak__label{font-size:9px;font-weight:700;letter-spacing:.08em;color:#f59e0b;text-transform:uppercase}.pd-streak__value{font-size:13px;font-weight:700;color:var(--color-ink)}.pd-avatar{width:38px;height:38px;border-radius:50%;background:#e6e8ef;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:opacity .15s}.pd-avatar:hover{opacity:.8}.pd-body{max-width:1280px;margin:0 auto;padding:32px 24px;display:grid;grid-template-columns:1fr 316px;gap:32px;align-items:start;flex:1}.pd-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:20px}.pd-breadcrumbs__link{font-size:13px;color:var(--color-blue, #1E6FB8);text-decoration:none;font-weight:500}.pd-breadcrumbs__link:hover{text-decoration:underline}.pd-breadcrumbs__sep{color:#a1a5b2;font-size:14px}.pd-breadcrumbs__current{font-size:13px;color:var(--color-muted, #566075)}.pd-subject-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.pd-subject-header__icon{width:60px;height:60px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.pd-subject-header__title{font-family:var(--font-heading, "Poppins", sans-serif);font-size:1.75rem;font-weight:700;color:var(--color-ink, #0B1220);margin:0;line-height:1.2}.pd-subject-header__subtitle{font-size:14px;color:var(--color-muted, #566075);margin:4px 0 0}.pd-topics{margin-bottom:48px}.pd-topics__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.pd-topics__title{font-family:var(--font-heading, "Poppins", sans-serif);font-size:1.125rem;font-weight:700;color:var(--color-ink);margin:0}.pd-filter-tabs{display:flex;gap:6px}.pd-filter-tab{padding:6px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--color-border, #E6E8EF);background:#fff;color:var(--color-muted, #566075);transition:all .15s ease}.pd-filter-tab:hover{background:#f7f8fb;color:var(--color-ink)}.pd-filter-tab--active{background:var(--color-ink, #0B1220);color:#fff;border-color:var(--color-ink, #0B1220)}.pd-topic-list{display:flex;flex-direction:column;gap:10px}.pd-topic-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:16px 20px;transition:box-shadow .2s ease,transform .2s ease}.pd-topic-row:hover{box-shadow:0 4px 16px #0b122012;transform:translateY(-1px)}.pd-topic-row--mastered{border-left:3px solid var(--color-green, #1B8A5A)}.pd-topic-row--in-progress{border-left:3px solid var(--color-blue, #1E6FB8)}.pd-topic-row--locked{border-left:3px solid #E6E8EF;opacity:.75}.pd-topic-row__left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.pd-topic-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.pd-topic-icon--mastered{background:#d1fae5;color:var(--color-green, #1B8A5A)}.pd-topic-icon--in-progress{background:#dbeafe;color:var(--color-blue, #1E6FB8)}.pd-topic-icon--locked{background:#f3f4f6;color:#9ca3af;font-size:14px}.pd-topic-row__info{min-width:0}.pd-topic-row__name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.pd-topic-row__num{font-size:15px;font-weight:600;color:var(--color-muted, #566075)}.pd-topic-row__name{font-size:15px;font-weight:700;color:var(--color-ink, #0B1220)}.pd-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pd-badge--mastered{background:#d1fae5;color:#065f46}.pd-badge--progress{background:#fef3c7;color:#92400e}.pd-topic-row__meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pd-meta-item{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--color-muted, #566075)}.pd-meta-item__icon{font-size:11px}.pd-meta-difficulty{color:var(--color-muted, #566075)}.difficulty--hard{color:#dc2626;font-weight:600}.pd-topic-btn{flex-shrink:0;padding:8px 22px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--color-border, #E6E8EF);background:#fff;color:var(--color-ink);transition:all .15s ease;white-space:nowrap}.pd-topic-btn--review:hover{background:#f7f8fb}.pd-topic-btn--continue{background:#f59e0b;color:#fff;border-color:#f59e0b}.pd-topic-btn--continue:hover{background:#d97706;border-color:#d97706}.pd-topic-btn--start:hover{background:#f7f8fb}.pd-topic-btn:disabled{opacity:.45;cursor:not-allowed}.pd-past-papers{border-top:1px solid var(--color-border, #E6E8EF);padding-top:40px}.pd-past-papers__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px}.pd-past-papers__title{font-family:var(--font-heading, "Poppins", sans-serif);font-size:1.25rem;font-weight:700;color:var(--color-ink);margin:0 0 4px}.pd-past-papers__sub{font-size:13px;color:var(--color-muted, #566075);margin:0}.pd-past-papers__view-all{font-size:13px;font-weight:600;color:#f59e0b;text-decoration:none;white-space:nowrap;flex-shrink:0}.pd-past-papers__view-all:hover{text-decoration:underline;color:#d97706}.pd-papers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pd-paper-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.pd-paper-card:hover{box-shadow:0 4px 16px #0b122014;transform:translateY(-2px)}.pd-paper-card__top{display:flex;align-items:center;gap:8px}.pd-paper-card__icon{font-size:1.25rem}.pd-paper-card__year{font-family:var(--font-heading, "Poppins", sans-serif);font-size:1.125rem;font-weight:700;color:var(--color-ink)}.pd-paper-card__title{font-size:13px;font-weight:700;color:var(--color-ink);line-height:1.35}.pd-paper-card__meta{font-size:11px;font-weight:600;color:var(--color-muted, #566075);letter-spacing:.04em;text-transform:uppercase}.pd-paper-card__score-label{font-size:11px;font-weight:700;color:var(--color-green, #1B8A5A);text-transform:uppercase;letter-spacing:.04em}.pd-paper-card__progress-bar{height:5px;background:#e6e8ef;border-radius:3px;overflow:hidden;margin-top:2px}.pd-paper-card__progress-fill{height:100%;background:var(--color-green, #1B8A5A);border-radius:3px;transition:width .6s ease}.pd-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:80px}.pd-sidebar-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:16px;padding:20px}.pd-completion{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pd-completion__label{font-size:13px;font-weight:600;color:var(--color-ink)}.pd-completion__pct{font-size:13px;font-weight:700;color:#f59e0b}.pd-progress-bar{height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden;margin-bottom:14px}.pd-progress-bar__fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fcd34d);border-radius:999px;transition:width .8s ease}.pd-resume-row{display:flex;gap:8px}.pd-resume-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;background:#f59e0b;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease}.pd-resume-btn:hover{background:#d97706}.pd-share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #E6E8EF);border-radius:10px;font-size:16px;color:var(--color-muted);cursor:pointer;transition:background .15s ease;flex-shrink:0}.pd-share-btn:hover{background:#f7f8fb}.pd-exam-card{background:#1a1e2e;border-color:#1a1e2e;color:#fff}.pd-exam-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pd-exam-card__title{font-size:14px;font-weight:700;color:#fff}.pd-exam-card__icon{font-size:18px}.pd-exam-card__countdown{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.pd-exam-tile{background:#ffffff14;border-radius:12px;padding:14px 12px;text-align:center}.pd-exam-tile__num{display:block;font-family:var(--font-heading, "Poppins", sans-serif);font-size:2rem;font-weight:800;color:#f59e0b;line-height:1;margin-bottom:4px}.pd-exam-tile__unit{font-size:10px;font-weight:700;letter-spacing:.08em;color:#ffffff80;text-transform:uppercase}.pd-exam-card__quote{font-size:12px;color:#ffffff8c;font-style:italic;line-height:1.5;margin:0}.pd-lb-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.pd-lb-header__icon{font-size:18px}.pd-lb-header__title{font-size:14px;font-weight:700;color:var(--color-ink)}.pd-lb-list{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0 0 14px}.pd-lb-row{display:flex;align-items:center;gap:10px}.pd-lb-rank{font-size:13px;font-weight:700;color:var(--color-muted);width:16px;flex-shrink:0}.pd-lb-avatar{width:32px;height:32px;border-radius:50%;background:#e6e8ef;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.pd-lb-info{flex:1;min-width:0}.pd-lb-name{display:block;font-size:13px;font-weight:700;color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-lb-pts{font-size:11px;color:var(--color-muted)}.pd-lb-trend{font-size:14px;font-weight:700;flex-shrink:0}.lb-trend--up{color:var(--color-green, #1B8A5A)}.lb-trend--down{color:#dc2626}.lb-trend--neutral{color:#a1a5b2}.pd-lb-full-link{display:block;width:100%;text-align:center;padding:9px;border:1px solid var(--color-border, #E6E8EF);border-radius:10px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--color-ink);text-decoration:none;transition:background .15s ease}.pd-lb-full-link:hover{background:#f7f8fb;color:var(--color-ink)}.pd-tip-card{background:#fffbeb;border-color:#fde68a}.pd-tip-card__header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pd-tip-card__icon{font-size:18px}.pd-tip-card__title{font-size:14px;font-weight:700;color:var(--color-ink)}.pd-tip-card__text{font-size:13px;color:#78350f;font-style:italic;line-height:1.6;margin:0}@media(max-width:1024px){.pd-body{grid-template-columns:1fr}.pd-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.pd-papers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pd-nav__links{display:none}.pd-search{width:140px}.pd-streak{display:none}.pd-body{padding:20px 16px}.pd-sidebar{grid-template-columns:1fr}.pd-papers-grid{grid-template-columns:repeat(2,1fr)}.pd-topic-row{flex-direction:column;align-items:flex-start;gap:12px}.pd-topic-btn{align-self:flex-end}}.pd-nav__link--active{background:#f7f8fb;font-weight:700;color:var(--color-ink, #0B1220);border-radius:8px}.ph-me-tag{font-size:10px;font-weight:600;color:var(--color-green, #1B8A5A)}.pd-lb-row--me{background:#f0faf5;border-radius:10px;padding:4px 6px;margin:0 -6px}.ph-welcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#0b1220,#1a2540);border-radius:20px;padding:32px 36px;margin-bottom:32px;overflow:hidden;position:relative;gap:16px}.ph-welcome__left{flex:1;min-width:0;position:relative;z-index:1}.ph-welcome__eyebrow{font-size:13px;color:#ffffff8c;margin:0 0 6px;font-weight:500}.ph-welcome__name{font-family:var(--font-heading, "Poppins", sans-serif);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#fff;margin:0 0 8px;line-height:1.2}.ph-welcome__sub{font-size:14px;color:#fff9;margin:0 0 20px;line-height:1.5}.ph-welcome__sub strong{color:#f59e0b;font-weight:700}.ph-welcome__stats{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ph-welcome__stat{display:flex;flex-direction:column;gap:2px}.ph-welcome__stat-val{font-family:var(--font-heading, "Poppins", sans-serif);font-size:1.375rem;font-weight:800;color:#f59e0b;line-height:1}.ph-welcome__stat-label{font-size:11px;color:#ffffff73;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.ph-welcome__stat-divider{width:1px;height:32px;background:#ffffff1a}.ph-welcome__right{flex-shrink:0;position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.ph-welcome__emoji{font-size:4rem;position:relative;z-index:1;animation:ph-float 4s ease-in-out infinite}.ph-welcome__orb{position:absolute;border-radius:50%}.ph-welcome__orb--1{width:120px;height:120px;background:#f59e0b1f;top:-20px;right:-20px}.ph-welcome__orb--2{width:80px;height:80px;background:#1e6fb81f;bottom:-20px;left:-10px}@keyframes ph-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ph-section{margin-bottom:36px}.ph-section__header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ph-section__title{font-family:var(--font-heading, "Poppins", sans-serif);font-size:1.0625rem;font-weight:700;color:var(--color-ink, #0B1220);margin:0}.ph-section__badge{background:#f59e0b;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.ph-section__sub{font-size:13px;color:var(--color-muted, #566075);margin-left:auto}.ph-mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ph-mission-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s ease,transform .2s ease}.ph-mission-card:hover{box-shadow:0 4px 20px #0b122014;transform:translateY(-2px)}.ph-mission-card__top{display:flex;align-items:center;gap:8px;margin-bottom:2px}.ph-mission-card__icon{font-size:1.25rem}.ph-mission-card__subject{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ph-mission-card__label{font-size:14px;font-weight:700;color:var(--color-ink, #0B1220);margin:0;line-height:1.3}.ph-mission-card__desc{font-size:12px;color:var(--color-muted, #566075);margin:0;line-height:1.5;flex:1}.ph-mission-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:opacity .15s ease}.ph-mission-btn:hover{opacity:.88}.ph-mission-btn--purple{background:#9333ea;color:#fff}.ph-mission-btn--blue{background:#0c8ce9;color:#fff}.ph-mission-btn--green{background:#10b981;color:#fff}.ph-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ph-action-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.ph-action-card:hover{box-shadow:0 4px 14px #0b122014;transform:translateY(-2px);color:inherit}.ph-action-card__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.ph-action-card__label{font-size:13px;font-weight:700;color:var(--color-ink, #0B1220);line-height:1.2}.ph-action-card__desc{font-size:11px;color:var(--color-muted, #566075);line-height:1.4}.ph-subjects-list{display:flex;flex-direction:column;gap:10px}.ph-subject-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:14px 18px 14px 0;text-decoration:none;color:inherit;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease}.ph-subject-row:hover{box-shadow:0 4px 16px #0b122012;transform:translateY(-1px);color:inherit}.ph-subject-row__bar{width:4px;align-self:stretch;flex-shrink:0;border-radius:0 4px 4px 0}.ph-subject-row__icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0}.ph-subject-row__info{flex:1;min-width:0}.ph-subject-row__name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.ph-subject-row__name{font-size:14px;font-weight:700;color:var(--color-ink, #0B1220);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-subject-row__topics{font-size:11px;color:var(--color-muted, #566075);white-space:nowrap;flex-shrink:0}.ph-subject-row__progress-wrap{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ph-subject-row__progress-bar{flex:1;height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.ph-subject-row__progress-fill{height:100%;border-radius:999px;transition:width .8s ease}.ph-subject-row__pct{font-size:11px;font-weight:700;color:var(--color-muted);width:30px;text-align:right;flex-shrink:0}.ph-subject-row__next{font-size:11px;color:var(--color-muted, #566075);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ph-subject-row__score-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;margin-left:8px}.ph-subject-row__score{font-family:var(--font-heading, "Poppins", sans-serif);font-size:15px;font-weight:800;border:1.5px solid;border-radius:8px;padding:3px 8px;line-height:1}.ph-subject-row__score-label{font-size:9px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.ph-subject-row__arrow{font-size:1.25rem;color:#c7c9d0;flex-shrink:0;margin-left:4px}.ph-activity-list{display:flex;flex-direction:column;gap:8px}.ph-activity-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:12px;padding:12px 16px}.ph-activity-row__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.ph-activity-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ph-activity-row__subject{font-size:13px;font-weight:700;color:var(--color-ink, #0B1220)}.ph-activity-row__detail{font-size:12px;color:var(--color-muted, #566075)}.ph-activity-row__time{font-size:11px;color:#a1a5b2;flex-shrink:0;white-space:nowrap}.ph-progress-subjects{display:flex;flex-direction:column;gap:12px}.ph-progress-row{display:flex;align-items:center;gap:8px}.ph-progress-row__icon{font-size:1rem;width:22px;flex-shrink:0;text-align:center}.ph-progress-row__bar-wrap{flex:1;min-width:0}.ph-progress-row__label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.ph-progress-row__name{font-size:12px;font-weight:600;color:var(--color-ink, #0B1220)}.ph-progress-row__pct{font-size:11px;font-weight:700}.ph-progress-row__bar{height:5px;background:#f3f4f6;border-radius:999px;overflow:hidden}.ph-progress-row__fill{height:100%;border-radius:999px;transition:width .8s ease}@media(max-width:1024px){.ph-mission-grid,.ph-actions-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ph-welcome{flex-direction:column;padding:24px 20px}.ph-welcome__right{display:none}.ph-mission-grid{grid-template-columns:1fr}.ph-actions-grid{grid-template-columns:1fr 1fr}.ph-subject-row__score-wrap{display:none}}.pd-nav-tab{background:none;border:none;cursor:pointer;font-family:inherit}.par-avatar-parent{background:#d1fae5;color:#065f46}.par-bell{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border, #E6E8EF);border-radius:10px;font-size:16px;cursor:pointer;transition:background .15s ease}.par-bell:hover{background:#f7f8fb}.par-bell__badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0 3px}.par-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.par-page-header__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted, #566075);margin:0 0 4px}.par-page-header__title{font-family:var(--font-heading, "Poppins", sans-serif);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800;color:var(--color-ink, #0B1220);margin:0}.par-mobile-tabs{display:none;gap:6px}.par-mobile-tab{width:38px;height:38px;border-radius:10px;border:1px solid var(--color-border, #E6E8EF);background:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.par-mobile-tab--active{background:var(--color-ink, #0B1220)}.par-section{width:100%}.par-subsection-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.par-subsection-title{font-family:var(--font-heading, "Poppins", sans-serif);font-size:1rem;font-weight:700;color:var(--color-ink, #0B1220);margin:0}.par-link-btn{background:none;border:none;color:var(--color-blue, #1E6FB8);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.par-link-btn:hover{text-decoration:underline}.par-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;height:40px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .15s ease;white-space:nowrap}.par-btn--primary{background:var(--color-green, #1B8A5A);color:#fff}.par-btn--primary:hover{background:#167a4e}.par-btn--primary:disabled{opacity:.5;cursor:not-allowed}.par-btn--outline{background:transparent;border:1px solid var(--color-border, #E6E8EF);color:var(--color-ink)}.par-btn--outline:hover{background:#f7f8fb}.par-btn--outline:disabled{opacity:.5;cursor:not-allowed}.par-btn--danger{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.par-btn--danger:hover{background:#fee2e2}.par-btn--sm{height:32px;padding:0 12px;font-size:12px;border-radius:8px}.par-btn--full{width:100%}.par-filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.par-filter-tab{padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--color-border, #E6E8EF);background:#fff;color:var(--color-muted, #566075);transition:all .15s;font-family:inherit}.par-filter-tab:hover{background:#f7f8fb}.par-filter-tab--active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.par-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:32px}.par-stat-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:20px 16px;text-align:center;transition:box-shadow .2s ease,transform .2s ease}.par-stat-card:hover{box-shadow:0 4px 16px #0b122012;transform:translateY(-2px)}.par-stat-card__icon{font-size:1.75rem;margin-bottom:8px}.par-stat-card__val{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;margin-bottom:4px}.par-stat-card__label{font-size:12px;color:var(--color-muted);font-weight:500}.par-children-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.par-child-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:16px;padding:20px;transition:box-shadow .2s ease,transform .2s ease}.par-child-card:hover{box-shadow:0 6px 20px #0b122017;transform:translateY(-2px)}.par-child-card__top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.par-child-card__avatar{width:44px;height:44px;border-radius:12px;background:#fef3c7;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.par-child-card__name{font-size:15px;font-weight:700;color:var(--color-ink)}.par-child-card__meta{font-size:12px;color:var(--color-muted);margin-top:2px}.par-child-card__streak{margin-left:auto;font-size:13px;font-weight:700;color:#f59e0b;background:#fef3c7;padding:4px 10px;border-radius:999px}.par-child-card__progress-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.par-child-card__ring-wrap{position:relative;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.par-child-card__ring-label{position:absolute;font-size:11px;font-weight:800;color:var(--color-ink)}.par-child-card__subject-bars{flex:1;display:flex;flex-direction:column;gap:5px}.par-child-card__subbar{display:flex;align-items:center;gap:6px}.par-child-card__subbar-label{font-size:12px;width:18px}.par-child-card__subbar-track{flex:1;height:5px;background:#f3f4f6;border-radius:999px;overflow:hidden}.par-child-card__subbar-fill{height:100%;border-radius:999px;transition:width .8s ease}.par-child-card__subbar-pct{font-size:10px;font-weight:700;width:28px;text-align:right}.par-child-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #F3F4F6}.par-child-card__seen{font-size:11px;color:var(--color-muted)}.par-child-card__view-btn{font-size:12px;font-weight:700;color:var(--color-blue, #1E6FB8)}.par-activity-list{display:flex;flex-direction:column;gap:8px}.par-activity-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:12px;padding:12px 16px}.par-activity-row__avatar{font-size:1.5rem;flex-shrink:0;width:36px;text-align:center}.par-activity-row__icon-box{width:36px;height:36px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.par-activity-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.par-activity-row__child{font-size:13px;font-weight:700;color:var(--color-ink)}.par-activity-row__detail{font-size:12px;color:var(--color-muted)}.par-activity-row__time{font-size:11px;color:#a1a5b2;white-space:nowrap;flex-shrink:0}.par-form-card{background:#f0faf5;border:1px solid #A7F3D0;border-radius:16px;padding:24px;margin-bottom:24px}.par-form-card__title{font-size:15px;font-weight:700;color:var(--color-ink);margin:0 0 16px}.par-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.par-form-field{display:flex;flex-direction:column;gap:5px}.par-form-label{font-size:12px;font-weight:600;color:var(--color-muted)}.par-form-input{height:38px;border:1px solid var(--color-border, #E6E8EF);border-radius:8px;padding:0 12px;font-size:13px;font-family:inherit;color:var(--color-ink);background:#fff;outline:none;transition:border-color .15s ease}.par-form-input:focus{border-color:var(--color-green, #1B8A5A);box-shadow:0 0 0 3px #1b8a5a1a}.par-form-actions{display:flex;gap:10px}.par-children-manage-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.par-manage-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:16px 20px;flex-wrap:wrap}.par-manage-row__left{display:flex;align-items:center;gap:12px}.par-manage-row__avatar{font-size:1.75rem}.par-manage-row__name{font-size:14px;font-weight:700;color:var(--color-ink)}.par-manage-row__meta{font-size:12px;color:var(--color-muted);margin-top:2px}.par-manage-row__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.par-manage-row__streak,.par-manage-row__progress{font-size:12px;font-weight:600;padding:4px 10px;border-radius:8px}.par-manage-row__streak{background:#fef3c7;color:#92400e}.par-manage-row__progress{background:#e0efff;color:#1e6fb8}.par-slot-info{padding:12px 16px;background:#f7f8fb;border-radius:10px;font-size:13px;color:var(--color-muted);font-weight:500}.par-slot-info__avail{color:var(--color-green, #1B8A5A);font-weight:700}.par-child-selector{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.par-child-tab{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;border:1px solid var(--color-border, #E6E8EF);background:#fff;font-size:13px;font-weight:600;color:var(--color-muted);cursor:pointer;font-family:inherit;transition:all .15s ease}.par-child-tab:hover{background:#f7f8fb}.par-child-tab--active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.par-progress-summary{background:linear-gradient(135deg,#0b1220,#1a2540);border-radius:16px;padding:24px;display:flex;align-items:center;gap:32px;margin-bottom:28px;flex-wrap:wrap;overflow:hidden;position:relative}.par-progress-summary:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:#f59e0b14;top:-40px;right:-40px;pointer-events:none}.par-progress-summary__avatar-block{display:flex;align-items:center;gap:14px;flex-shrink:0}.par-progress-summary__avatar{font-size:3rem}.par-progress-summary__name{font-size:18px;font-weight:800;color:#fff}.par-progress-summary__meta{font-size:13px;color:#ffffff80;margin-top:2px}.par-progress-summary__stats{display:flex;gap:24px;flex-wrap:wrap}.par-summary-stat{display:flex;flex-direction:column;gap:2px}.par-summary-stat__val{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;line-height:1}.par-summary-stat__label{font-size:10px;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em}.par-subject-mastery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.par-mastery-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:14px;transition:box-shadow .2s,transform .2s}.par-mastery-card:hover{box-shadow:0 4px 14px #0b122012;transform:translateY(-2px)}.par-mastery-card__top{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.par-mastery-card__icon-wrap{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.par-mastery-card__name{font-size:12px;font-weight:700;color:var(--color-ink);line-height:1.2}.par-mastery-card__score{font-size:11px;font-weight:600}.par-mastery-card__ring{margin-left:auto;position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.par-mastery-card__ring-label{position:absolute;font-size:10px;font-weight:800}.par-mastery-card__bar-track{height:5px;background:#f3f4f6;border-radius:999px;overflow:hidden}.par-mastery-card__bar-fill{height:100%;border-radius:999px;transition:width .8s ease}.par-chart-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:16px;padding:20px;margin-bottom:28px}.prt-bars{display:flex;align-items:flex-end;gap:10px;height:100px;margin-bottom:8px}.prt-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.prt-bar-col{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.prt-bar-col__fill{width:100%;border-radius:4px 4px 0 0;transition:height .8s ease}.prt-bar-col__val{font-size:10px;font-weight:700;color:var(--color-muted);margin-bottom:2px}.prt-day-label{font-size:10px;color:var(--color-muted);font-weight:500}.prt-chart-legend{display:flex;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #F3F4F6}.prt-legend-item{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px}.prt-legend--green{background:#d1fae5;color:#065f46}.prt-legend--blue{background:#dbeafe;color:#1e40af}.prt-legend--amber{background:#fef3c7;color:#92400e}.prt-legend--red{background:#fee2e2;color:#991b1b}.par-ws-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.par-ws-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;padding:16px 20px;transition:box-shadow .2s,transform .2s}.par-ws-card:hover{box-shadow:0 4px 14px #0b122012;transform:translateY(-1px)}.par-ws-card__icon{font-size:1.5rem;flex-shrink:0}.par-ws-card__info{flex:1;min-width:0}.par-ws-card__title{font-size:14px;font-weight:700;color:var(--color-ink);margin-bottom:3px}.par-ws-card__meta{font-size:12px;color:var(--color-muted);margin-bottom:5px}.par-ws-badge{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.par-ws-badge--daily{background:#d1fae5;color:#065f46}.par-ws-badge--subject{background:#dbeafe;color:#1e40af}.par-ws-badge--mock{background:#fef3c7;color:#92400e}.par-ws-download-btn{flex-shrink:0;padding:8px 16px;border-radius:10px;border:1px solid var(--color-border, #E6E8EF);background:#fff;font-size:12px;font-weight:700;color:var(--color-ink);cursor:pointer;transition:all .15s;font-family:inherit}.par-ws-download-btn:hover{background:#f7f8fb}.par-ws-note{padding:12px 16px;background:#fffbeb;border:1px solid #FDE68A;border-radius:10px;font-size:13px;color:#78350f}.par-plan-hero{background:linear-gradient(135deg,#065f46,#1b8a5a);border-radius:20px;padding:32px;display:flex;gap:32px;align-items:center;flex-wrap:wrap;overflow:hidden;position:relative}.par-plan-hero:before{content:"";position:absolute;width:200px;height:200px;background:#ffffff0d;border-radius:50%;top:-60px;right:100px;pointer-events:none}.par-plan-hero__left{flex:1;min-width:0}.par-plan-hero__badge{display:inline-flex;padding:3px 10px;background:#ffffff26;border-radius:6px;font-size:10px;font-weight:800;color:#fff;letter-spacing:.08em;margin-bottom:10px}.par-plan-hero__name{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:4px}.par-plan-hero__price{font-size:1.125rem;font-weight:700;color:#ffffffbf;margin-bottom:6px}.par-plan-hero__renew{font-size:13px;color:#ffffff8c;margin-bottom:20px}.par-plan-hero__actions{display:flex;gap:10px;flex-wrap:wrap}.par-plan-hero__actions .par-btn--primary{background:#fff;color:#065f46}.par-plan-hero__actions .par-btn--primary:hover{background:#f0fdf4}.par-plan-hero__actions .par-btn--outline{border-color:#ffffff4d;color:#fff}.par-plan-hero__actions .par-btn--outline:hover{background:#ffffff1a}.par-plan-hero__right{flex-shrink:0}.par-plan-countdown{display:flex;gap:12px}.par-plan-tile{background:#ffffff1f;border-radius:12px;padding:14px 18px;text-align:center;min-width:90px}.par-plan-tile__num{display:block;font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:#fff}.par-plan-tile__unit{font-size:10px;color:#ffffff80;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.par-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.par-plan-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;position:relative;transition:box-shadow .2s}.par-plan-card:hover{box-shadow:0 6px 20px #0b122014}.par-plan-card--current{border-color:var(--color-green, #1B8A5A);box-shadow:0 0 0 2px #1b8a5a26}.par-plan-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-green, #1B8A5A);color:#fff;font-size:9px;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.08em;white-space:nowrap}.par-plan-card__name{font-size:16px;font-weight:800;color:var(--color-ink)}.par-plan-card__price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.par-plan-card__amount{font-family:var(--font-heading);font-size:1.375rem;font-weight:800;color:var(--color-ink)}.par-plan-card__period{font-size:13px;color:var(--color-muted)}.par-plan-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;flex:1}.par-plan-feature{font-size:13px}.par-plan-feature--yes{color:var(--color-ink)}.par-plan-feature--no{color:#a1a5b2;text-decoration:line-through}.par-payment-table{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:14px;overflow:hidden;margin-bottom:16px}.par-payment-table__header{display:grid;grid-template-columns:120px 1fr 120px 80px;padding:10px 20px;background:#f7f8fb;border-bottom:1px solid var(--color-border);font-size:11px;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em}.par-payment-row{display:grid;grid-template-columns:120px 1fr 120px 80px;padding:14px 20px;border-bottom:1px solid #F3F4F6;align-items:center;font-size:13px}.par-payment-row:last-child{border-bottom:none}.par-payment-row__date{color:var(--color-muted)}.par-payment-row__desc{color:var(--color-ink);font-weight:500}.par-payment-row__amount{font-weight:700;color:var(--color-ink)}.par-payment-badge{display:inline-flex;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700}.par-payment-badge--paid{background:#d1fae5;color:#065f46}.par-monime-note{padding:12px 16px;background:#f0f9ff;border:1px solid #BAE6FD;border-radius:10px;font-size:13px;color:#0c4a6e}.par-sub-card{background:#fff;border:1px solid var(--color-border, #E6E8EF);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.par-sub-card--warning{border-color:#fcd34d;background:#fffbeb}.par-sub-card__header{display:flex;align-items:center;gap:8px}.par-sub-card__icon{font-size:16px}.par-sub-card__title{font-size:13px;font-weight:700;color:var(--color-ink);flex:1}.par-sub-card__status{font-size:11px;font-weight:700;color:var(--color-green, #1B8A5A)}.par-sub-card__plan{font-size:15px;font-weight:800;color:var(--color-ink)}.par-sub-card__renew{font-size:12px;color:var(--color-muted)}.par-sub-card__bar{height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.par-sub-card__bar-fill{height:100%;background:var(--color-green, #1B8A5A);border-radius:999px}.par-notif-count{margin-left:auto;background:#ef4444;color:#fff;font-size:10px;font-weight:800;padding:2px 7px;border-radius:999px}.par-notif-list{display:flex;flex-direction:column;gap:10px}.par-notif-row{display:flex;gap:10px;padding:10px;border-radius:10px;transition:background .15s}.par-notif-row--unread{background:#f0faf5}.par-notif-row:hover{background:#f7f8fb}.par-notif-row__icon{font-size:1.125rem;flex-shrink:0;margin-top:1px}.par-notif-row__body{flex:1;min-width:0}.par-notif-row__title{font-size:12px;font-weight:700;color:var(--color-ink);margin-bottom:2px}.par-notif-row__desc{font-size:11px;color:var(--color-muted);line-height:1.4}.par-notif-row__time{font-size:10px;color:#a1a5b2;margin-top:3px}.par-quick-links{display:flex;flex-direction:column;gap:4px}.par-quick-link-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:none;background:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--color-ink);cursor:pointer;transition:background .15s;text-align:left}.par-quick-link-btn:hover{background:#f7f8fb}.par-quick-link-btn__icon{font-size:16px;width:28px}.par-quick-link-btn__arrow{margin-left:auto;color:#c7c9d0;font-size:18px}@media(max-width:1024px){.par-stats-row{grid-template-columns:repeat(2,1fr)}.par-children-grid{grid-template-columns:1fr}.par-subject-mastery-grid{grid-template-columns:repeat(3,1fr)}.par-plans-grid{grid-template-columns:1fr}.par-payment-table__header,.par-payment-row{grid-template-columns:100px 1fr 100px 70px}}@media(max-width:768px){.par-mobile-tabs{display:flex}.pd-nav__links{display:none}.par-stats-row,.par-subject-mastery-grid{grid-template-columns:repeat(2,1fr)}.par-plan-hero{flex-direction:column}.par-plans-grid{grid-template-columns:1fr}.par-form-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.par-stats-row{grid-template-columns:1fr 1fr}.par-form-grid{grid-template-columns:1fr}.par-progress-summary{flex-direction:column}.par-payment-table__header,.par-payment-row{grid-template-columns:90px 1fr 90px}.par-payment-row__amount{display:none}}:root{--adm-sidebar-w: 220px;--adm-ink: #0B1220;--adm-muted: #566075;--adm-border: #E6E8EF;--adm-bg: #F4F5F9;--adm-green: #1B8A5A;--adm-blue: #1E6FB8;--adm-purple: #7C3AED;--adm-sidebar-bg: #0B1220;--adm-sidebar-hover: rgba(255, 255, 255, .06);--adm-sidebar-active: rgba(255, 255, 255, .1);--adm-font: "Poppins", "Inter", system-ui, sans-serif}.adm-root{display:flex;min-height:100vh;background:var(--adm-bg);font-family:var(--adm-font);color:var(--adm-ink)}.adm-sidebar{width:var(--adm-sidebar-w);min-height:100vh;background:var(--adm-sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;scrollbar-width:none;flex-shrink:0}.adm-sidebar::-webkit-scrollbar{display:none}.adm-sidebar__brand{display:flex;align-items:center;gap:10px;padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.adm-brand-link{display:flex;align-items:center;gap:8px;text-decoration:none;flex:1}.adm-brand-icon{font-size:1.25rem}.adm-brand-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em}.adm-brand-badge{font-size:9px;font-weight:800;letter-spacing:.1em;background:var(--adm-purple);color:#fff;padding:2px 7px;border-radius:4px}.adm-nav{display:flex;flex-direction:column;gap:2px;padding:16px 10px;flex:1}.adm-nav__item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:10px;border:none;background:none;color:#ffffff80;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:all .15s ease}.adm-nav__item:hover{background:var(--adm-sidebar-hover);color:#ffffffd9}.adm-nav__item--active{background:var(--adm-sidebar-active);color:#fff}.adm-nav__icon{font-size:14px;width:20px;text-align:center;flex-shrink:0}.adm-nav__label{flex:1}.adm-nav__count{font-size:10px;font-weight:700;background:#ffffff1a;color:#fff9;padding:1px 6px;border-radius:999px;flex-shrink:0}.adm-sidebar__footer{padding:12px 10px 16px;border-top:1px solid rgba(255,255,255,.07)}.adm-admin-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0f;border-radius:10px}.adm-admin-pill__avatar{font-size:1.25rem}.adm-admin-pill__name{font-size:13px;font-weight:700;color:#fff}.adm-admin-pill__role{font-size:10px;color:#fff6}.adm-admin-pill__exit{margin-left:auto;font-size:16px;color:#ffffff4d;text-decoration:none;transition:color .15s}.adm-admin-pill__exit:hover{color:#fff}.adm-content{margin-left:var(--adm-sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.adm-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;background:#fff;border-bottom:1px solid var(--adm-border);position:sticky;top:0;z-index:50;flex-wrap:wrap}.adm-topbar__left{display:flex;flex-direction:column;gap:1px}.adm-topbar__title{font-size:1.125rem;font-weight:800;color:var(--adm-ink);margin:0}.adm-topbar__sub{font-size:11px;color:var(--adm-muted);font-weight:500}.adm-topbar__right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.adm-topbar__stats{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--adm-muted)}.adm-topbar__stat{display:flex;align-items:center;gap:5px}.adm-topbar__divider{width:1px;height:16px;background:var(--adm-border)}.adm-main{padding:28px;flex:1}.adm-toast{position:fixed;top:20px;right:20px;z-index:9999;padding:12px 20px;border-radius:12px;font-weight:700;font-size:14px;box-shadow:0 8px 24px #00000026;animation:adm-fade-in .25s ease}.adm-toast--success{background:var(--adm-green);color:#fff}.adm-toast--error{background:#ef4444;color:#fff}@keyframes adm-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.adm-section{display:flex;flex-direction:column;gap:16px}.adm-section__toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.adm-table-count{font-size:12px;color:var(--adm-muted);font-weight:500;margin-right:4px}.adm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:38px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .15s;white-space:nowrap;text-decoration:none}.adm-btn--primary{background:var(--adm-green);color:#fff}.adm-btn--primary:hover{background:#167a4e}.adm-btn--outline{background:#fff;border:1px solid var(--adm-border);color:var(--adm-ink)}.adm-btn--outline:hover{background:#f7f8fb}.adm-btn--danger{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.adm-btn--danger:hover{background:#fee2e2}.adm-btn--warn{background:#fffbeb;border:1px solid #FDE68A;color:#92400e}.adm-btn--warn:hover{background:#fef3c7}.adm-btn--success{background:#d1fae5;border:1px solid #6EE7B7;color:#065f46}.adm-btn--success:hover{background:#a7f3d0}.adm-btn--sm{height:32px;padding:0 12px;font-size:12px;border-radius:8px}.adm-btn--xs{height:26px;padding:0 8px;font-size:11px;border-radius:6px}.adm-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.adm-filter-tab{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid var(--adm-border);background:#fff;color:var(--adm-muted);cursor:pointer;font-family:inherit;transition:all .15s}.adm-filter-tab:hover{background:#f7f8fb}.adm-filter-tab--active{background:var(--adm-ink);color:#fff;border-color:var(--adm-ink)}.adm-search-input{height:38px;padding:0 14px;border:1px solid var(--adm-border);border-radius:10px;font-family:inherit;font-size:13px;color:var(--adm-ink);outline:none;background:#fff;min-width:220px;transition:border-color .15s}.adm-search-input:focus{border-color:var(--adm-green);box-shadow:0 0 0 3px #1b8a5a1a}.adm-card{background:#fff;border:1px solid var(--adm-border);border-radius:16px;overflow:hidden}.adm-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;cursor:default;width:100%;background:none;border-bottom:1px solid var(--adm-border);font-family:inherit}.adm-collapsible{cursor:pointer!important;border:none;text-align:left;transition:background .15s}.adm-collapsible:hover{background:#fafafa!important}.adm-card__title{font-size:14px;font-weight:800;color:var(--adm-ink);margin:0}.adm-card__action{font-size:12px;font-weight:700;color:var(--adm-blue);background:none;border:none;cursor:pointer;font-family:inherit}.adm-card__action:hover{text-decoration:underline}.adm-metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:4px}.adm-metrics-grid--4{grid-template-columns:repeat(4,1fr)}.adm-metric-card{background:#fff;border:1px solid var(--adm-border);border-radius:14px;padding:18px 16px;text-align:center;transition:box-shadow .2s,transform .2s}.adm-metric-card:hover{box-shadow:0 4px 16px #0b122012;transform:translateY(-2px)}.adm-metric-card__icon{font-size:1.5rem;margin-bottom:8px}.adm-metric-card__val{font-weight:800;font-size:1.375rem;line-height:1;margin-bottom:4px}.adm-metric-card__label{font-size:11px;color:var(--adm-muted);font-weight:600;margin-bottom:3px}.adm-metric-card__sub{font-size:10px;color:#a1a5b2}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:13px}.adm-table thead tr{border-bottom:1px solid var(--adm-border);background:#fafbfc}.adm-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--adm-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.adm-table td{padding:10px 16px;border-bottom:1px solid #F3F4F6;white-space:nowrap}.adm-table tbody tr:last-child td{border-bottom:none}.adm-table tbody tr:hover{background:#fafbfc}.adm-table__strong{font-weight:700;color:var(--adm-ink)}.adm-table__muted{color:var(--adm-muted)}.adm-table__center{text-align:center}.adm-table__question{max-width:260px;white-space:normal;font-size:12px;color:var(--adm-ink);font-weight:500}.adm-row-actions{display:flex;gap:4px;align-items:center}.adm-chip{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.adm-answer-chip{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;background:#e0efff;color:#1e3a5f;font-size:11px;font-weight:800}.adm-chip--ws-daily{background:#d1fae5;color:#065f46}.adm-chip--ws-subject{background:#dbeafe;color:#1e40af}.adm-chip--ws-mock{background:#fef3c7;color:#92400e}.adm-badge{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:capitalize}.adm-badge--active{background:#d1fae5;color:#065f46}.adm-badge--suspended{background:#fee2e2;color:#991b1b}.adm-badge--expired{background:#f3f4f6;color:#6b7280}.adm-progress-cell,.adm-accuracy-cell{display:flex;align-items:center;gap:8px;min-width:120px}.adm-progress-bar{flex:1;height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.adm-progress-fill{height:100%;border-radius:999px;transition:width .8s ease}.adm-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adm-bar-chart{display:flex;align-items:flex-end;gap:8px;padding:16px 20px 12px;height:140px}.adm-bar-chart--tall{height:180px}.adm-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%}.adm-bar-wrap--wide{flex:1}.adm-bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height .8s ease;min-height:4px}.adm-bar-val{font-size:10px;font-weight:700;color:var(--adm-muted)}.adm-bar-day{font-size:10px;color:var(--adm-muted);font-weight:500}.adm-mini-chart{display:flex;align-items:flex-end;gap:3px;height:40px}.adm-mini-bar-wrap{flex:1;display:flex;align-items:flex-end;height:100%}.adm-mini-bar{width:100%;border-radius:2px 2px 0 0;transition:height .6s ease}.adm-subject-perf-list{padding:0 20px 16px;display:flex;flex-direction:column;gap:10px}.adm-subject-perf-row{display:flex;align-items:center;gap:12px}.adm-subject-perf-icon{font-size:1.125rem;width:24px;text-align:center}.adm-subject-perf-name{font-size:13px;font-weight:600;color:var(--adm-ink);min-width:160px}.adm-subject-perf-bar-wrap{flex:1;display:flex;align-items:center;gap:10px}.adm-subject-perf-bar{flex:1;height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden}.adm-subject-perf-fill{height:100%;border-radius:999px;transition:width .8s ease}.adm-subject-perf-pct{font-size:12px;font-weight:700;width:36px}.adm-subject-perf-meta{font-size:11px;color:var(--adm-muted);min-width:100px;text-align:right}.adm-subjects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.adm-subject-card{background:#fff;border:1px solid var(--adm-border);border-radius:16px;overflow:hidden;transition:box-shadow .2s,transform .2s}.adm-subject-card:hover{box-shadow:0 4px 16px #0b122014;transform:translateY(-2px)}.adm-subject-card__header{display:flex;align-items:center;gap:12px;padding:16px 18px}.adm-subject-card__icon{font-size:1.75rem;flex-shrink:0}.adm-subject-card__name{font-size:14px;font-weight:800;color:var(--adm-ink)}.adm-subject-card__meta{font-size:11px;color:var(--adm-muted);margin-top:2px}.adm-subject-card__score{margin-left:auto;text-align:center;flex-shrink:0}.adm-subject-card__score-val{display:block;font-weight:800;font-size:1.125rem}.adm-subject-card__score-label{font-size:9px;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.adm-subject-card__body{padding:12px 18px 16px;border-top:1px solid #F3F4F6}.adm-subject-card__bar-wrap{margin-bottom:12px}.adm-subject-card__stats{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--adm-muted)}.adm-analytics-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adm-popular-list{padding:0 20px 16px;display:flex;flex-direction:column;gap:10px}.adm-popular-row{display:flex;align-items:center;gap:10px}.adm-popular-rank{font-size:12px;font-weight:800;color:var(--adm-muted);width:24px}.adm-popular-info{display:flex;flex-direction:column;min-width:140px}.adm-popular-name{font-size:13px;font-weight:600;color:var(--adm-ink)}.adm-popular-sub{font-size:10px;color:var(--adm-muted)}.adm-popular-bar-wrap{flex:1;display:flex;align-items:center;gap:8px}.adm-popular-count{font-size:11px;font-weight:700;color:var(--adm-muted);min-width:40px;text-align:right}.adm-form-body{padding:20px}.adm-form-grid{display:grid;gap:14px;margin-bottom:14px}.adm-form-grid--2{grid-template-columns:repeat(2,1fr)}.adm-form-grid--3{grid-template-columns:repeat(3,1fr)}.adm-form-field{display:flex;flex-direction:column;gap:4px}.adm-form-label{font-size:11px;font-weight:700;color:var(--adm-muted);text-transform:uppercase;letter-spacing:.04em}.adm-form-input{height:38px;border:1px solid var(--adm-border);border-radius:8px;padding:0 12px;font-size:13px;font-family:inherit;color:var(--adm-ink);background:#fff;outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.adm-form-input:focus{border-color:var(--adm-green);box-shadow:0 0 0 3px #1b8a5a1a}.adm-form-textarea{height:auto;min-height:72px;padding:10px 12px;resize:vertical}.adm-form-actions{display:flex;gap:8px}.adm-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.adm-setting-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #F3F4F6;margin-top:4px}.adm-setting-toggle-label{font-size:13px;font-weight:700;color:var(--adm-ink)}.adm-setting-toggle-sub{font-size:11px;color:var(--adm-muted);margin-top:2px}.adm-toggle{width:42px;height:24px;background:#d1d5db;border-radius:999px;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.adm-toggle--on{background:var(--adm-green)}.adm-toggle__knob{position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0003}.adm-toggle--on .adm-toggle__knob{transform:translate(18px)}@media(max-width:1200px){:root{--adm-sidebar-w: 60px}.adm-sidebar__brand{padding:18px 12px;justify-content:center}.adm-brand-name,.adm-brand-badge{display:none}.adm-brand-icon{font-size:1.5rem}.adm-nav__label,.adm-nav__count{display:none}.adm-nav__item{justify-content:center;padding:10px}.adm-nav__icon{font-size:16px}.adm-admin-pill__name,.adm-admin-pill__role,.adm-admin-pill__exit{display:none}.adm-admin-pill{justify-content:center}.adm-metrics-grid{grid-template-columns:repeat(3,1fr)}.adm-charts-row{grid-template-columns:1fr}.adm-subjects-grid{grid-template-columns:1fr 1fr}.adm-analytics-row,.adm-settings-grid{grid-template-columns:1fr}.adm-form-grid--3{grid-template-columns:1fr 1fr}}@media(max-width:768px){.adm-metrics-grid{grid-template-columns:repeat(2,1fr)}.adm-metrics-grid--4{grid-template-columns:1fr 1fr}.adm-subjects-grid,.adm-form-grid--2,.adm-form-grid--3{grid-template-columns:1fr}.adm-topbar__stats{display:none}}.notes-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--neutral-500);padding:16px 0;border-bottom:1px solid var(--neutral-100);margin-bottom:24px}.notes-breadcrumb a{color:var(--neutral-500);text-decoration:none;transition:color var(--transition-fast)}.notes-breadcrumb a:hover{color:var(--primary-600)}.notes-breadcrumb .active{color:var(--neutral-800);font-weight:500}.notes-breadcrumb span{color:var(--neutral-300)}.notes-page-wrapper{display:grid;grid-template-columns:280px 1fr;gap:48px;max-width:1400px;margin:0 auto;padding:32px 24px;min-height:calc(100vh - 80px);background:#f8fafc}.notes-toc-sidebar{position:sticky;top:100px;height:fit-content;display:flex;flex-direction:column;gap:24px}.toc-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.toc-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-600);margin-bottom:20px}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.toc-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--neutral-600);font-size:14px;font-weight:500;border:2px solid transparent}.toc-item:hover{background:var(--primary-50);color:var(--primary-600)}.toc-item.active{background:var(--primary-50);border-color:var(--primary-200);color:var(--primary-700);font-weight:600}.toc-item-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--neutral-100);flex-shrink:0}.toc-item.active .toc-item-icon{background:var(--primary-100);color:var(--primary-600)}.toc-item-icon svg{width:16px;height:16px}.lesson-progress-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.lesson-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.lesson-progress-label{font-size:14px;font-weight:600;color:var(--neutral-700)}.lesson-progress-value{font-size:14px;font-weight:700;color:var(--primary-600)}.lesson-progress-bar{height:8px;background:var(--neutral-100);border-radius:100px;overflow:hidden}.lesson-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:100px;transition:width .5s ease}.sidebar-cta-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:24px;border:1px solid var(--primary-100)}.sidebar-cta-title{font-size:16px;font-weight:700;color:var(--neutral-800);margin-bottom:8px}.sidebar-cta-text{font-size:13px;color:var(--neutral-600);margin-bottom:16px;line-height:1.5}.sidebar-cta-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;background:#fff;color:var(--primary-600);border:2px solid var(--primary-200);border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.sidebar-cta-btn:hover{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.notes-content-main{background:#fff;border-radius:24px;padding:48px;box-shadow:0 1px 3px #0000000d}.chapter-tag{display:inline-flex;align-items:center;padding:6px 16px;background:var(--primary-50);color:var(--primary-700);border-radius:100px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.content-title{font-family:Patrick Hand,Montserrat,sans-serif;font-size:42px;font-weight:700;color:var(--neutral-900);line-height:1.2;margin-bottom:16px}.content-subtitle{font-size:18px;color:var(--neutral-500);line-height:1.6;margin-bottom:40px}.content-section{margin-bottom:40px}.content-section-title{font-size:24px;font-weight:700;color:var(--neutral-800);margin-bottom:16px}.content-section p{font-size:16px;line-height:1.8;color:var(--neutral-600);margin-bottom:20px}.check-list{list-style:none;padding:0;margin:20px 0;display:flex;flex-direction:column;gap:12px}.check-list-item{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:var(--neutral-700);line-height:1.6}.check-icon-wrapper{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--primary-100);display:flex;align-items:center;justify-content:center;margin-top:2px}.check-icon-wrapper svg{width:14px;height:14px;color:var(--primary-600)}.check-list-item strong{color:var(--neutral-800);font-weight:600}.content-image-block{margin:32px 0;border-radius:16px;overflow:hidden;background:var(--neutral-50)}.content-image{width:100%;height:auto;display:block}.content-image-caption{padding:16px 24px;text-align:center;font-size:14px;color:var(--neutral-500);font-style:italic;border-top:1px solid var(--neutral-100)}.callout-remember{display:flex;gap:16px;padding:24px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:16px;border-left:4px solid #f59e0b;margin:32px 0}.callout-icon{font-size:24px;flex-shrink:0}.callout-content{flex:1}.callout-title{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#92400e;margin-bottom:8px}.callout-text{font-size:15px;color:#78350f;line-height:1.6}.callout-text strong{font-weight:700;color:#451a03}.quiz-cta-block{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-radius:20px;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:48px 0}.quiz-cta-content h3{font-family:Patrick Hand,sans-serif;font-size:28px;color:#fff;margin-bottom:8px}.quiz-cta-content p{font-size:14px;color:#ffffffb3;margin:0}.quiz-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#fff;color:var(--neutral-800);border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.quiz-cta-btn:hover{background:var(--primary-50);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.quiz-cta-btn svg{width:18px;height:18px}.notes-bottom-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-top:1px solid var(--neutral-100);margin-top:48px}.nav-link-prev,.nav-link-next{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--neutral-600);text-decoration:none;padding:12px 20px;border-radius:12px;transition:all var(--transition-fast)}.nav-link-prev:hover,.nav-link-next:hover{background:var(--primary-50);color:var(--primary-600)}.nav-link-prev svg,.nav-link-next svg{width:20px;height:20px}.definition-card-v2{display:flex;flex-direction:column;gap:8px;padding:20px 24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;border-left:4px solid var(--primary-500);margin-bottom:16px}.definition-term-v2{font-weight:700;font-size:18px;color:var(--primary-700)}.definition-text-v2{color:var(--neutral-600);line-height:1.6;font-size:15px}.content-table{width:100%;border-collapse:collapse;margin:24px 0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.content-table th{background:var(--primary-600);color:#fff;padding:16px 20px;text-align:left;font-weight:600;font-size:14px}.content-table td{padding:16px 20px;border-bottom:1px solid var(--neutral-100);font-size:15px;color:var(--neutral-700)}.content-table tr:nth-child(2n) td{background:var(--neutral-50)}.content-table tr:last-child td{border-bottom:none}.info-cards-grid-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:24px 0}.info-card-v2{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 2px 8px #0000000f;border:1px solid var(--neutral-100);transition:all var(--transition-fast)}.info-card-v2:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:var(--primary-200)}.info-card-icon-v2{font-size:32px;margin-bottom:12px}.info-card-title-v2{font-size:16px;font-weight:700;color:var(--neutral-800);margin-bottom:8px}.info-card-text-v2{font-size:13px;color:var(--neutral-500);line-height:1.5}.steps-list-v2{display:flex;flex-direction:column;gap:20px;margin:24px 0}.step-item-v2{display:flex;gap:20px;align-items:flex-start}.step-number-v2{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;flex-shrink:0;background:var(--primary-500)}.step-content-v2{flex:1;padding-top:8px}.step-content-v2 strong{display:block;font-size:16px;color:var(--neutral-800);margin-bottom:4px}.step-content-v2 p{font-size:15px;color:var(--neutral-600);line-height:1.6;margin:0}@media(max-width:1024px){.notes-page-wrapper{grid-template-columns:1fr;gap:0;padding:16px}.notes-toc-sidebar{display:none}.notes-content-main{padding:32px 24px;border-radius:16px}.content-title{font-size:32px}.quiz-cta-block{flex-direction:column;text-align:center;padding:28px 24px}}@media(max-width:640px){.notes-page-wrapper{padding:12px}.notes-content-main{padding:24px 16px}.content-title{font-size:28px}.content-section-title{font-size:20px}.notes-bottom-nav{flex-direction:column;gap:12px}.nav-link-prev,.nav-link-next{width:100%;justify-content:center}.quiz-cta-content h3{font-size:22px}.callout-remember{flex-direction:column;gap:12px}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/assets/KaTeX_AMS-Regular-BQhdFMY1.woff2) format("woff2"),url(/assets/KaTeX_AMS-Regular-DMm9YOAa.woff) format("woff"),url(/assets/KaTeX_AMS-Regular-DRggAlZN.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Caligraphic-Bold-Dq_IR9rO.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Bold-BEiXGLvX.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Bold-ATXxdsX0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Caligraphic-Regular-Di6jR-x-.woff2) format("woff2"),url(/assets/KaTeX_Caligraphic-Regular-CTRA-rTL.woff) format("woff"),url(/assets/KaTeX_Caligraphic-Regular-wX97UBjC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Fraktur-Bold-CL6g_b3V.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Bold-BsDP51OF.woff) format("woff"),url(/assets/KaTeX_Fraktur-Bold-BdnERNNW.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Fraktur-Regular-CTYiF6lA.woff2) format("woff2"),url(/assets/KaTeX_Fraktur-Regular-Dxdc4cR9.woff) format("woff"),url(/assets/KaTeX_Fraktur-Regular-CB_wures.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/assets/KaTeX_Main-Bold-Cx986IdX.woff2) format("woff2"),url(/assets/KaTeX_Main-Bold-Jm3AIy58.woff) format("woff"),url(/assets/KaTeX_Main-Bold-waoOVXN0.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Main-BoldItalic-DxDJ3AOS.woff2) format("woff2"),url(/assets/KaTeX_Main-BoldItalic-SpSLRI95.woff) format("woff"),url(/assets/KaTeX_Main-BoldItalic-DzxPMmG6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Main-Italic-NWA7e6Wa.woff2) format("woff2"),url(/assets/KaTeX_Main-Italic-BMLOBm91.woff) format("woff"),url(/assets/KaTeX_Main-Italic-3WenGoN9.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Main-Regular-B22Nviop.woff2) format("woff2"),url(/assets/KaTeX_Main-Regular-Dr94JaBh.woff) format("woff"),url(/assets/KaTeX_Main-Regular-ypZvNtVU.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/assets/KaTeX_Math-BoldItalic-CZnvNsCZ.woff2) format("woff2"),url(/assets/KaTeX_Math-BoldItalic-iY-2wyZ7.woff) format("woff"),url(/assets/KaTeX_Math-BoldItalic-B3XSjfu4.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/assets/KaTeX_Math-Italic-t53AETM-.woff2) format("woff2"),url(/assets/KaTeX_Math-Italic-DA0__PXp.woff) format("woff"),url(/assets/KaTeX_Math-Italic-flOr_0UB.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:700;src:url(/assets/KaTeX_SansSerif-Bold-D1sUS0GD.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Bold-DbIhKOiC.woff) format("woff"),url(/assets/KaTeX_SansSerif-Bold-CFMepnvq.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:italic;font-weight:400;src:url(/assets/KaTeX_SansSerif-Italic-C3H0VqGB.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Italic-DN2j7dab.woff) format("woff"),url(/assets/KaTeX_SansSerif-Italic-YYjJ1zSn.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_SansSerif;font-style:normal;font-weight:400;src:url(/assets/KaTeX_SansSerif-Regular-DDBCnlJ7.woff2) format("woff2"),url(/assets/KaTeX_SansSerif-Regular-CS6fqUqJ.woff) format("woff"),url(/assets/KaTeX_SansSerif-Regular-BNo7hRIc.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Script-Regular-D3wIWfF6.woff2) format("woff2"),url(/assets/KaTeX_Script-Regular-D5yQViql.woff) format("woff"),url(/assets/KaTeX_Script-Regular-C5JkGWo-.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size1-Regular-mCD8mA8B.woff2) format("woff2"),url(/assets/KaTeX_Size1-Regular-C195tn64.woff) format("woff"),url(/assets/KaTeX_Size1-Regular-Dbsnue_I.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size2-Regular-Dy4dx90m.woff2) format("woff2"),url(/assets/KaTeX_Size2-Regular-oD1tc_U0.woff) format("woff"),url(/assets/KaTeX_Size2-Regular-B7gKUWhC.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAA4oAA4AAAAAHbQAAA3TAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAgRQIDgmcDBEICo1oijYBNgIkA14LMgAEIAWJAAeBHAyBHBvbGiMRdnO0IkRRkiYDgr9KsJ1NUAf2kILNxgUmgqIgq1P89vcbIcmsQbRps3vCcXdYOKSWEPEKgZgQkprQQsxIXUgq0DqpGKmIvrgkeVGtEQD9DzAO29fM9jYhxZEsL2FeURH2JN4MIcTdO049NCVdxQ/w9NrSYFEBKTDKpLKfNkCGDc1RwjZLQcm3vqJ2UW9Xfa3tgAHz6ivp6vgC2yD4/6352ndnN0X0TL7seypkjZlMsjmZnf0Mm5Q+JykRWQBKCVCVPbARPXWyQtb5VgLB6Biq7/Uixcj2WGqdI8tGSgkuRG+t910GKP2D7AQH0DB9FMDW/obJZ8giFI3Wg8Cvevz0M+5m0rTh7XDBlvo9Y4vm13EXmfttwI4mBo1EG15fxJhUiCLbiiyCf/ZA6MFAhg3pGIZGdGIVjtPn6UcMk9A/UUr9PhoNsCENw1APAq0gpH73e+M+0ueyHbabc3vkbcdtzcf/fiy+NxQEjf9ud/ELBHAXJ0nk4z+MXH2Ev/kWyV4k7SkvpPc9Qr38F6RPWnM9cN6DJ0AdD1BhtgABtmoRoFCvPsBAumNm6soZG2Gk5GyVTo2sJncSyp0jQTYoR6WDvTwaaEcHsxHfvuWhHA3a6bN7twRKtcGok6NsCi7jYRrM2jExsUFMxMQYuJbMhuWNOumEJy9hi29Dmg5zMp/A5+hhPG19j1vBrq8JTLr8ki5VLPmG/PynJHVul440bxg5xuymHUFPBshC+nA9I1FmwbRBTNHAcik3Oae0cxKoI3MOriM42UrPe51nsaGxJ+WfXubAsP84aabUlQSJ1IiE0iPETLUU4CATgfXSCSpuRFRmCGbO+wSpAnzaeaCYW1VNEysRtuXCEL1kUFUbbtMv3Tilt/1c11jt3Q5bbMa84cpWipp8Elw3MZhOHsOlwwVUQM3lAR35JiFQbaYCRnMF2lxAWoOg2gyoIV4PouX8HytNIfLhqpJtXB4vjiViUI8IJ7bkC4ikkQvKksnOTKICwnqWSZ9YS5f0WCxmpgjbIq7EJcM4aI2nmhLNY2JIUgOjXZFWBHb+x5oh6cwb0Tv1ackHdKi0I9OO2wE9aogIOn540CCCziyhN+IaejtgAONKznHlHyutPrHGwCx9S6B8kfS4Mfi4Eyv7OU730bT1SCBjt834cXsf43zVjPUqqJjgrjeGnBxSG4aYAKFuVbeCfkDIjAqMb6yLNIbCuvXhMH2/+k2vkNpkORhR59N1CkzoOENvneIosjYmuTxlhUzaGEJQ/iWqx4dmwpmKjrwTiTGTCVozNAYqk/zXOndWxuWSmJkQpJw3pK5KX6QrLt5LATMqpmPAQhkhK6PUjzHUn7E0gHE0kPE0iKkolgkUx9SZmVAdDgpffdyJKg3k7VmzYGCwVXGz/tXmkOIp+vcWs+EMuhhvN0h9uhfzWJziBQmCREGSIFmQIkgVpAnSBRmC//6hkLZwaVhwxlrJSOdqlFtOYxlau9F2QN5Y98xmIAsiM1HVp2VFX+DHHGg6Ecjh3vmqtidX3qHI2qycTk/iwxSt5UzTmEP92ZBnEWTk4Mx8Mpl78ZDokxg/KWb+Q0QkvdKVmq3TMW+RXEgrsziSAfNXFMhDc60N5N9jQzjfO0kBKpUZl0ZmwJ41j/B9Hz6wmRaJB84niNmQrzp9eSlQCDDzazGDdVi3P36VZQ+Jy4f9UBNp+3zTjqI4abaFAm+GShVaXlsGdF3FYzZcDI6cori4kMxUECl9IjJZpzkvitAoxKue+90pDMvcKRxLl53TmOKCmV/xRolNKSqqUxc6LStOETmFOiLZZptlZepcKiAzteG8PEdpnQpbOMNcMsR4RR2Bs0cKFEvSmIjAFcnarqwUL4lDhHmnVkwu1IwshbiCcgvOheZuYyOteufZZwlcTlLgnZ3o/WcYdzZHW/WGaqaVfmTZ1aWCceJjkbZqsfbkOtcFlUZM/jy+hXHDbaUobWqqXaeWobbLO99yG5N3U4wxco0rQGGcOLASFMXeJoham8M+/x6O2WywK2l4HGbq1CoUyC/IZikQhdq3SiuNrvAEj0AVu9x2x3lp/xWzahaxidezFVtdcb5uEnzyl0ZmYiuKI0exvCd4Xc9CV1KB0db00z92wDPde0kukbvZIWN6jUWFTmPIC/Y4UPCm8UfDTFZpZNon1qLFTkBhxzB+FjQRA2Q/YRJT8pQigslMaUpFyAG8TMlXigiqmAZX4xgijKjRlGpLE0GdplRfCaJo0JQaSxNBk6ZmMzcya0FmrcisDdn0Q3HI2sWSppYigmlM1XT/kLQZSNpMJG0WkjYbSZuDpM1F0uYhFc1HxU4m1QJjDK6iL0S5uSj5rgXc3RejEigtcRBtqYPQsiTskmO5vosV+q4VGIKbOkDg0jtRrq+Em1YloaTFar3EGr1EUC8R0kus1Uus00usL97ABr2BjXoDm/QGNhuWtMVBKOwg/i78lT7hBsAvDmwHc/ao3vmUbBmhjeYySZNWvGkfZAgISDSaDo1SVpzGDsAEkF8B+gEapViUoZgUWXcRIGFZNm6gWbAKk0bp0k1MHG9fLYtV4iS2SmLEQFARzRcnf9PUS0LVn05/J9MiRRBU3v2IrvW974v4N00L7ZMk0wXP1409CHo/an8zTRHD3eSJ6m8D4YMkZNl3M79sqeuAsr/m3f+8/yl7A50aiAEJgeBeMWzu7ui9UfUBCe2TIqZIoOd/3/udRBOQidQZUERzb2/VwZN1H/Sju82ew2H2Wfr6qvfVf3hqwDvAIpkQVFy4B9Pe9e4/XvPeceu7h3dvO56iJPf0+A6cqA2ip18ER+iFgggiuOkvj24bby0N9j2UHIkgqIt+sVgfodC4YghLSMjSZbH0VR/6dMDrYJeKHilKTemt6v6kvzvn3/RrdWtr0GoN/xL+Sex/cPYLUpepx9cz/D46UPU5KXgAQa+NDps1v6J3xP1i2HtaDB0M9aX2deA7SYff//+gUCovMmIK/qfsFcOk+4Y5ZN97XlG6zebqtMbKgeRFi51vnxTQYBUik2rS/Cn6PC8ADR8FGxsRPB82dzfND90gIcshOcYUkfjherBz53odpm6TP8txlwOZ71xmfHHOvq053qFF/MRlS3jP0ELudrf2OeN8DHvp6ZceLe8qKYvWz/7yp0u4dKPfli3CYq0O13Ih71mylJ80tOi10On8wi+F4+LWgDPeJ30msSQt9/vkmHq9/Lvo2b461mP801v3W4xTcs6CbvF9UDdrSt+A8OUbpSh55qAUFXWznBBfdeJ8a4d7ugT5tvxUza3h9m4H7ptTqiG4z0g5dc0X29OcGlhpGFMpQo9ytTS+NViZpNdvU4kWx+LKxNY10kQ1yqGXrhe4/1nvP7E+nd5A92TtaRplbHSqoIdOqtRWti+fkB5/n1+/VvCmz12pG1kpQWsfi1ftlBobm0bpngs16CHkbIwdLnParxtTV3QYRlfJ0KFskH7pdN/YDn+yRuSd7sNH3aO0DYPggk6uWuXrfOc+fa3VTxFVvKaNxHsiHmsXyCLIE5yuOeN3/Jdf8HBL/5M6shjyhxHx9BjB1O0+4NLOnjLLSxwO7ukN4jMbOIcD879KLSi6Pk61Oqm2377n8079PXEEQ7cy7OKEC9nbpet118fxweTafpt69x/Bt8UqGzNQt7aelpc44dn5cqhwf71+qKp/Zf/+a0zcizOUWpl/iBcSXip0pplkatCchoH5c5aUM8I7/dWxAej8WicPL1URFZ9BDJelUwEwTkGqUhgSlydVes95YdXvhh9Gfz/aeFWvgVb4tuLbcv4+wLdutVZv/cUonwBD/6eDlE0aSiKK/uoH3+J1wDE/jMVqY2ysGufN84oIXB0sPzy8ollX/LegY74DgJXJR57sn+VGza0x3DnuIgABFM15LmajjjsNlYj+JEZGbuRYcAMOWxFkPN2w6Wd46xo4gVWQR/X4lyI/R6K/YK0110GzudPRW7Y+UOBGTfNNzHeYT0fiH0taunBpq9HEW8OKSaBGj21L0MqenEmNRWBAWDWAk4CpNoEZJ2tTaPFgbQYj8HxtFilErs3BTRwT8uO1NXQaWfIotchmPkAF5mMBAliEmZiOGVgCG9LgRzpscMAOOwowlT3JhusdazXGSC/hxR3UlmWVwWHpOIKheqONvjyhSiTHIkVUco5bnji8m//zL7PKaT1Vl5I6UE609f+gkr6MZKVyKc7zJRmCahLsdlyA5fdQkRSan9LgnnLEyGSkaKJCJog0wAgvepWBt80+1yKln1bMVtCljfNWDueKLsWwaEbBSfSPTEmVRsUcYYMnEjcjeyCZzBXK9E9BYBXLKjOSpUDR+nEV3TFSUdQaz+ot98QxgXwx0GQ+EEUAKB2qZPkQQ0GqFD8UPFMqyaCHM24BZmSGic9EYMagKizOw9Hz50DMrDLrqqLkTAhplMictiCAx5S3BIUQdeJeLnBy2CNtMfz6cV4u8XKoFZQesbf9YZiIERiHjaNodDW6LgcirX/mPnJIkBGDUpTBhSa0EIr38D5hCIszhCM8URGBqImoWjpvpt1ebu/v3Gl3qJfMnNM+9V+kiRFyROTPHQWOcs1dNW94/ukKMPZBvDi55i5CttdeJz84DLngLqjcdwEZ87bFFR8CIG35OAkDVN6VRDZ7aq67NteYqZ2lpT8oYB2CytoBd6VuAx4WgiAsnuj3WohG+LugzXiQRDeM3XYXlULv4dp5VFYC) format("woff2"),url(/assets/KaTeX_Size3-Regular-CTq5MqoE.woff) format("woff"),url(/assets/KaTeX_Size3-Regular-DgpXs0kz.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Size4-Regular-Dl5lxZxV.woff2) format("woff2"),url(/assets/KaTeX_Size4-Regular-BF-4gkZK.woff) format("woff"),url(/assets/KaTeX_Size4-Regular-DWFBv043.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/assets/KaTeX_Typewriter-Regular-CO6r4hn1.woff2) format("woff2"),url(/assets/KaTeX_Typewriter-Regular-C0xS9mPB.woff) format("woff"),url(/assets/KaTeX_Typewriter-Regular-D3Ib7_Hf.ttf) format("truetype")}.katex{font: 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.28"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}.angle-explorer-container{display:flex;flex-direction:column;height:100%;width:100%;max-width:900px;margin:0 auto;padding:1rem;font-family:Montserrat,sans-serif;background-color:#f8fafc;border-radius:1.5rem}.angle-explorer-header{text-align:center;margin-bottom:.5rem}.angle-explorer-title{font-size:1.875rem;font-weight:700;color:#1e293b;margin:0;font-family:Patrick Hand,cursive}.angle-explorer-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.angle-visual-area{flex-grow:1;background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e2e8f0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:1rem;min-height:400px}.angle-main-svg{width:100%;height:100%;max-height:450px}.bg-circle{stroke:#e2e8f0;stroke-width:1;stroke-dasharray:8 8}.base-line{stroke:#94a3b8;stroke-width:2;stroke-dasharray:4 4}.angle-wedge,.angle-wedge-full{fill:#4f46e526;stroke:#4f46e5;stroke-width:2}.reflex-gap-path{fill:#fca5a533;stroke:#ef4444;stroke-width:1;stroke-dasharray:2 2}.reflex-angle-label{font-size:14px;fill:#ef4444;font-weight:700}.vertex-point{fill:#334155}.vertex-label{font-size:14px;font-weight:700;fill:#475569}.compass-label{font-size:16px;font-weight:600;fill:#94a3b8}.compass-label.major{font-size:18px;font-weight:800;fill:#334155;font-family:Patrick Hand,cursive}.rotating-arm{stroke:#4f46e5;stroke-width:5;stroke-linecap:round}.arm-tip{fill:#fff;stroke:#4f46e5;stroke-width:2}.main-angle-label{font-size:28px;font-weight:800;fill:#1e1b4b;font-family:Patrick Hand,cursive;text-shadow:0px 2px 4px rgba(255,255,255,.9)}.angle-type-overlay{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:9999px;border:2px solid #cbd5e1;box-shadow:0 1px 2px #0000000d;font-weight:700;transition:all .3s ease;background-color:#fff}.angle-zero{color:#64748b;background-color:#f8fafc;border-color:#e2e8f0}.angle-acute{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.angle-right{color:#2563eb;background-color:#eff6ff;border-color:#bfdbfe}.angle-obtuse{color:#d97706;background-color:#fffbeb;border-color:#fde68a}.angle-straight{color:#9333ea;background-color:#faf5ff;border-color:#e9d5ff}.angle-reflex{color:#e11d48;background-color:#fff1f2;border-color:#fecdd3}.angle-full{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe}.reflex-info-box{position:absolute;bottom:1rem;left:1rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fecdd3;padding:.75rem;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;max-width:200px}.reflex-info-title{color:#e11d48;font-weight:700;font-size:.875rem;margin:0 0 .25rem}.reflex-info-text{color:#475569;font-size:.75rem;margin:0}.reflex-info-details{margin-top:.5rem;font-size:.75rem;color:#64748b;font-family:monospace}.angle-controls-section{margin-top:1rem;background-color:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #f1f5f9}.slider-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.slider-limit{color:#94a3b8;font-weight:700;font-size:.875rem}.slider-container{flex-grow:1;position:relative;height:24px;display:flex;align-items:center}.angle-slider{-webkit-appearance:none;appearance:none;width:100%;background:transparent;z-index:10;position:relative;cursor:pointer}.angle-slider::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:#4f46e5;margin-top:-8px;box-shadow:0 0 0 4px #4f46e533;border:2px solid white;transition:transform .1s}.angle-slider::-webkit-slider-runnable-track{width:100%;height:6px;background:#e2e8f0;border-radius:99px}.slider-progress{position:absolute;top:50%;left:0;height:6px;background-color:#6366f1;border-radius:99px;transform:translateY(-50%);opacity:.5;pointer-events:none}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.preset-btn{padding:.375rem .75rem;border-radius:.375rem;font-weight:700;font-size:.75rem;transition:all .2s;border:1px solid;cursor:pointer}.preset-btn.acute{background-color:#ecfdf5;color:#065f46;border-color:#a7f3d0}.preset-btn.right{background-color:#eff6ff;color:#1e40af;border-color:#bfdbfe}.preset-btn.straight{background-color:#faf5ff;color:#6b21a8;border-color:#e9d5ff}.preset-btn.reflex{background-color:#fff1f2;color:#9f1239;border-color:#fecdd3}.preset-btn.full{background-color:#eef2ff;color:#3730a3;border-color:#c7d2fe}.preset-btn:hover{filter:brightness(.95)}.button-divider{width:1px;background-color:#e2e8f0;margin:0 .5rem}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem 1.25rem;border-radius:.5rem;font-weight:700;color:#fff;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.action-btn.play{background-color:#334155}.action-btn.play:hover{background-color:#1e293b}.action-btn.stop{background-color:#ef4444}.action-btn.stop:hover{background-color:#dc2626}.bounce{animation:bounce .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:1024px){.reflex-info-box{display:none}}@media(max-width:640px){.button-divider{display:none}}.vb-page{min-height:calc(100vh - 72px);background:var(--color-bg);padding-bottom:var(--space-16)}.vb-page.vb-game-active{padding-bottom:0;background:#f0f2f5}.vb-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);margin-bottom:var(--space-6);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.vb-back-link:hover{color:var(--color-ink)}.vb-hero{text-align:center;margin-bottom:var(--space-12)}.vb-hero-icon{font-size:3.5rem;display:block;margin-bottom:var(--space-3);animation:vb-float 3s ease-in-out infinite}@keyframes vb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.vb-hero h1{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:800;color:var(--color-ink);margin-bottom:var(--space-3)}.vb-hero p{max-width:560px;margin:0 auto;color:var(--color-muted);font-size:var(--text-lg);line-height:1.6}.vb-sections{display:flex;flex-direction:column;gap:var(--space-8);max-width:720px;margin:0 auto}.vb-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}.vb-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--section-color);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.vb-section-card:hover{box-shadow:var(--shadow-md)}.vb-section-card.section-done{border-color:var(--section-color)}.vb-section-card.section-done:before{height:4px;background:linear-gradient(90deg,var(--section-color),var(--color-green))}.vb-section-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.vb-section-icon{font-size:2.2rem;flex-shrink:0}.vb-section-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-ink);margin:0}.vb-section-desc{font-size:var(--text-sm);color:var(--color-muted);margin:2px 0 0!important}.vb-section-badge{margin-left:auto;font-size:var(--text-xs);font-weight:700;color:var(--color-green);background:var(--secondary-50);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.vb-section-progress-bar{height:6px;background:var(--neutral-100);border-radius:3px;overflow:hidden;margin-bottom:4px}.vb-section-progress-fill{height:100%;background:var(--section-color);border-radius:3px;transition:width .5s ease}.vb-section-progress-text{font-size:var(--text-xs);color:var(--color-muted);font-weight:500}.vb-level-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-5)}.vb-level-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-body);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);text-align:left}.vb-level-btn:hover:not(:disabled){background:var(--neutral-50);border-color:var(--section-color);transform:translate(4px)}.vb-level-btn.locked{opacity:.5;cursor:not-allowed;background:var(--neutral-50)}.vb-level-btn.complete{background:#1b8a5a0a;border-color:#1b8a5a26}.vb-level-num{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--neutral-100);font-weight:700;font-size:var(--text-sm);color:var(--color-ink);flex-shrink:0}.vb-level-btn.complete .vb-level-num{background:var(--secondary-100);color:var(--secondary-600)}.vb-level-btn.unlocked .vb-level-num{background:var(--primary-50);color:var(--primary-600)}.vb-level-title{font-weight:600;color:var(--color-ink)}.vb-level-words{font-size:var(--text-xs);color:var(--color-muted);margin-left:auto}.vb-lock-icon,.vb-check-icon,.vb-play-icon{font-size:var(--text-sm);flex-shrink:0}.vb-game-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0;position:sticky;top:72px;z-index:50}.vb-bar-inner{display:flex;align-items:center;gap:var(--space-4)}.vb-bar-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-lg);color:var(--color-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);flex-shrink:0}.vb-bar-back:hover{background:var(--neutral-50);color:var(--color-ink)}.vb-bar-info{display:flex;flex-direction:column;gap:1px;min-width:0}.vb-bar-section{font-size:var(--text-sm);font-weight:700}.vb-bar-level{font-size:var(--text-xs);color:var(--color-muted)}.vb-bar-progress{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.vb-bar-progress-track{width:120px;height:8px;background:var(--neutral-100);border-radius:4px;overflow:hidden}.vb-bar-progress-fill{height:100%;border-radius:4px;transition:width .4s ease}.vb-bar-count{font-size:var(--text-sm);font-weight:700;color:var(--color-ink);white-space:nowrap}.vb-game-body{display:flex;justify-content:center;padding-top:var(--space-10);padding-bottom:var(--space-10);min-height:calc(100vh - 132px);align-items:flex-start}.vb-question-card{width:100%;max-width:640px;background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:var(--space-8);animation:vb-slideUp .35s ease}@keyframes vb-slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.vb-q-type-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#fff;letter-spacing:.03em;margin-bottom:var(--space-4)}.vb-target-word{font-family:var(--font-heading);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;color:var(--color-ink);margin-bottom:var(--space-2);text-transform:capitalize}.vb-question-text{font-size:var(--text-lg);color:var(--color-muted);margin-bottom:var(--space-6)!important;line-height:1.5}.vb-options-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.vb-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface);font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-ink);cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-align:left;width:100%}.vb-option:hover:not(:disabled){border-color:var(--primary-400);background:var(--primary-50);transform:translate(4px)}.vb-option:disabled{cursor:default}.vb-opt-letter{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--neutral-100);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.vb-opt-text{line-height:1.4}.vb-option.correct{background:#ecfdf5;border-color:#34d399;color:#065f46}.vb-option.correct .vb-opt-letter{background:#34d399;color:#fff}.vb-option.incorrect{background:#fef2f2;border-color:#f87171;color:#991b1b;animation:vb-shake .4s ease}.vb-option.incorrect .vb-opt-letter{background:#f87171;color:#fff}.vb-option.dimmed{opacity:.4}@keyframes vb-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.vb-review{margin-top:var(--space-6);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid;animation:vb-slideUp .3s ease}.vb-review-correct{background:#f0fdf4;border-color:#86efac}.vb-review-incorrect{background:#fff7ed;border-color:#fdba74}.vb-review-badge{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-4)}.vb-review-details{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.vb-review-row{display:flex;gap:var(--space-3);align-items:baseline}.vb-review-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);min-width:64px;flex-shrink:0}.vb-review-value{font-size:var(--text-sm);color:var(--color-ink);line-height:1.5}.vb-review-answer{font-weight:700;color:var(--secondary-600)}.vb-review-example{font-style:italic;color:var(--color-muted)}.vb-review-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(0,0,0,.06)}.vb-remaining{font-size:var(--text-sm);color:var(--color-muted);font-weight:500}.vb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.vb-btn-primary{background:var(--color-green);color:#fff}.vb-btn-primary:hover{background:var(--color-green-hover);transform:translateY(-1px)}.vb-btn-secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border)}.vb-btn-secondary:hover{background:var(--neutral-50)}.vb-complete-card{max-width:520px;margin:var(--space-16) auto 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-12) var(--space-8);text-align:center;box-shadow:var(--shadow-lg);animation:vb-slideUp .45s ease}.vb-section-done-card{border-color:var(--color-green);box-shadow:0 8px 32px #1b8a5a1f}.vb-complete-emoji{font-size:4rem;margin-bottom:var(--space-4);animation:vb-bounce .6s ease}@keyframes vb-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.vb-complete-card h2{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:800;color:var(--color-ink);margin-bottom:var(--space-2)}.vb-complete-subtitle{font-size:var(--text-base);color:var(--color-muted);margin-bottom:var(--space-8)!important}.vb-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.vb-stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg)}.vb-stat-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:var(--color-ink)}.vb-stat-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.vb-complete-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.vb-complete-actions .vb-btn{min-width:200px}@media(max-width:640px){.vb-hero h1{font-size:var(--text-3xl)}.vb-section-card{padding:var(--space-5)}.vb-section-header{flex-wrap:wrap}.vb-question-card{padding:var(--space-5)}.vb-target-word{font-size:var(--text-3xl)}.vb-game-body{padding-top:var(--space-6)}.vb-bar-progress-track{width:80px}.vb-review-row{flex-direction:column;gap:2px}.vb-stats-grid{grid-template-columns:repeat(2,1fr)}.vb-complete-card{margin-top:var(--space-8);padding:var(--space-8) var(--space-5)}}@media(min-width:641px){.vb-options-grid{grid-template-columns:1fr 1fr}}.ws-page{min-height:calc(100vh - 72px);background:var(--color-bg);padding-bottom:var(--space-16)}.ws-page.ws-game-active{background:#f8fafc;padding-bottom:0}.ws-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);margin-bottom:var(--space-6);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.ws-back-link:hover{color:var(--color-ink)}.ws-hero{text-align:center;margin-bottom:var(--space-12)}.ws-hero-icon{font-size:3.5rem;display:block;margin-bottom:var(--space-3);animation:ws-float 3s ease-in-out infinite}@keyframes ws-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ws-hero h1{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),5vw,var(--text-6xl));font-weight:800;color:var(--color-ink)}.ws-hero p{max-width:500px;margin:var(--space-3) auto 0;color:var(--color-muted);font-size:var(--text-lg);line-height:1.6}.ws-sections{display:flex;flex-direction:column;gap:var(--space-8);max-width:700px;margin:0 auto}.ws-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.ws-section-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.ws-section-icon{font-size:2.5rem;background:rgba(var(--section-color-rgb, 139, 92, 246),.1);color:var(--section-color);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl)}.ws-section-header h2{font-size:var(--text-xl);margin-bottom:var(--space-1)}.ws-section-header p{color:var(--color-muted);font-size:var(--text-sm)}.ws-progress-track{height:6px;background:#e2e8f0;border-radius:3px;margin-bottom:var(--space-6);overflow:hidden}.ws-progress-fill{height:100%;background:var(--section-color);transition:width .5s ease}.ws-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-4)}.ws-level-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4) var(--space-2);border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.ws-level-btn.locked{opacity:.5;background:#f1f5f9;cursor:not-allowed}.ws-level-btn.unlocked{border-color:var(--section-color);background:rgba(var(--section-color-rgb),.05)}.ws-level-btn.complete{background:#f0fdf4;border-color:#22c55e}.ws-lvl-num{font-weight:700;font-size:var(--text-lg)}.ws-level-btn small{font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.ws-top-bar{height:72px;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.ws-bar-inner{height:100%;display:flex;align-items:center;gap:var(--space-6)}.ws-quit{background:none;border:none;font-size:1.5rem;color:var(--color-muted);cursor:pointer;padding:var(--space-2)}.ws-bar-info{display:flex;flex-direction:column}.ws-category{font-size:11px;font-weight:700;text-transform:uppercase}.ws-level{font-weight:600}.ws-bar-progress{flex:1;display:flex;align-items:center;gap:var(--space-4)}.ws-bar-track{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.ws-bar-fill{height:100%;transition:width .3s cubic-bezier(.175,.885,.32,1.275)}.ws-game-content{padding-top:var(--space-12);display:flex;justify-content:center}.ws-word-card{background:#fff;width:100%;max-width:560px;border-radius:var(--radius-3xl);padding:var(--space-12);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center}.ws-scrambled-display{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12)}.ws-char-tile{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);background:#1e293b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a;animation:ws-tile-in .5s cubic-bezier(.175,.885,.32,1.275) backwards}@keyframes ws-tile-in{0%{transform:scale(.5) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ws-input{width:100%;padding:var(--space-6);font-size:var(--text-2xl);font-family:var(--font-heading);text-align:center;border:3px solid #e2e8f0;border-radius:var(--radius-2xl);margin-bottom:var(--space-6);transition:all .2s;outline:none;letter-spacing:.1em}.ws-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.ws-input.error{border-color:#ef4444;color:#ef4444;background:#fef2f2}.ws-actions{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-3)}.ws-btn{padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:700;cursor:pointer;transition:all .2s;border:none}.ws-btn-primary{background:#6366f1;color:#fff}.ws-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.ws-btn-secondary{background:#f1f5f9;color:#475569}.ws-submit-btn{background:#1e293b;color:#fff;padding:var(--space-4);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-lg);border:none;cursor:pointer}.ws-reshuffle-btn{background:#f1f5f9;color:#475569;border:none;padding:var(--space-4);border-radius:var(--radius-xl);font-weight:600;cursor:pointer}.ws-reshuffle-btn:hover{background:#e2e8f0}.ws-word-card.shake{animation:ws-shake .4s ease-in-out}@keyframes ws-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.ws-word-card.correct{border:2px solid #22c55e;background:#f0fdf4}.ws-hint-toggle{background:none;border:none;color:#94a3b8;font-size:var(--text-sm);font-weight:600;cursor:pointer;margin-top:var(--space-6);text-decoration:underline}.ws-hint-text{margin-top:var(--space-2);color:#64748b;font-size:var(--text-sm)}.ws-complete-card{background:#fff;max-width:500px;margin:var(--space-12) auto;padding:var(--space-12);border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-xl)}.ws-complete-emoji{font-size:5rem;margin-bottom:var(--space-6)}.ws-complete-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-8)}.fb-page{min-height:calc(100vh - 72px);background:var(--color-bg);padding-bottom:var(--space-20)}.fb-page.fb-game-active{background:#f8fafc;padding-bottom:0}.fb-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-10);margin-bottom:var(--space-6);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.fb-back-link:hover{color:var(--color-ink)}.fb-hero{text-align:center;margin-bottom:var(--space-16)}.fb-hero-icon{font-size:4rem;display:block;margin-bottom:var(--space-4);animation:fb-float 3s ease-in-out infinite}@keyframes fb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.fb-hero h1{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;color:var(--color-ink);margin-bottom:var(--space-4)}.fb-hero p{max-width:600px;margin:0 auto;color:var(--color-muted);font-size:var(--text-lg)}.fb-sections{display:flex;flex-direction:column;gap:var(--space-8);max-width:800px;margin:0 auto}.fb-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:transform .3s ease}.fb-section-header{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.fb-section-icon{font-size:2.5rem;background:rgba(var(--section-color-rgb, 99, 102, 241),.1);color:var(--section-color);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl)}.fb-section-header h2{font-size:var(--text-xl)}.fb-section-header p{color:var(--color-muted);font-size:var(--text-sm)}.fb-section-progress{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.fb-progress-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.fb-progress-bar .fb-progress-fill{height:100%;background:var(--section-color)}.fb-section-progress span{font-size:var(--text-sm);font-weight:700;color:var(--color-muted)}.fb-levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.fb-level-btn{padding:var(--space-4) var(--space-2);border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-lg);font-weight:700;cursor:pointer;transition:all .2s}.fb-level-btn.unlocked{border-color:var(--section-color);color:var(--section-color);background:rgba(var(--section-color-rgb),.05)}.fb-level-btn.unlocked:hover{transform:translateY(-2px);background:var(--section-color);color:#fff}.fb-level-btn.complete{background:#f0fdf4;border-color:#22c55e;color:#166534}.fb-level-btn.locked{opacity:.5;cursor:not-allowed;background:#f1f5f9}.fb-top-bar{height:80px;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 4px 6px -1px #0000000d}.fb-bar-inner{height:100%;display:flex;align-items:center;gap:var(--space-6)}.fb-quit{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.fb-quit:hover{background:#fee2e2;color:#ef4444}.fb-game-info{display:flex;flex-direction:column}.fb-game-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#6366f1}.fb-game-level{font-weight:600}.fb-progress{flex:1;display:flex;align-items:center;gap:var(--space-4)}.fb-progress-track{flex:1;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden}.fb-progress-fill{height:100%;background:#6366f1;transition:width .4s cubic-bezier(.175,.885,.32,1.275)}.fb-progress-text{font-weight:700;font-size:var(--text-sm);color:var(--color-muted)}.fb-game-container{padding-top:var(--space-16);display:flex;justify-content:center}.fb-word-box{background:#fff;width:100%;max-width:700px;padding:var(--space-12);border-radius:var(--radius-3xl);box-shadow:0 25px 50px -12px #0000001a;text-align:center;position:relative;border:2px solid transparent;transition:all .3s}.fb-word-display{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-12)}.fb-char-container{display:flex;align-items:center;justify-content:center}.fb-static-char{width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#1e293b;border-bottom:3px solid #cbd5e1}.fb-blank-input{width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);background:#f1f5f9;border:2px solid #e2e8f0;border-radius:var(--radius-lg);text-align:center;font-size:1.8rem;font-weight:800;color:#6366f1;outline:none;transition:all .2s;text-transform:uppercase}.fb-blank-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 4px #6366f11a}.fb-blank-input.active{border-color:#6366f1;background:#f5f3ff}.fb-game-msg{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-4);animation:fb-pop .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes fb-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fb-game-msg.success{color:#22c55e}.fb-game-msg.error{color:#ef4444}.fb-success{border-color:#22c55e;background:#f0fdf4}.fb-error{animation:fb-shake .4s ease-in-out}@keyframes fb-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.fb-game-instructions{color:var(--color-muted);font-size:var(--text-sm)}.fb-hint-box{margin-bottom:var(--space-8);padding:var(--space-4);background:#f8fafc;border-left:4px solid #6366f1;border-radius:var(--radius-lg);text-align:left}.fb-hint-label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;color:#6366f1;margin-bottom:var(--space-1)}.fb-hint-text{font-size:var(--text-sm);color:#475569;font-style:italic;line-height:1.4}.fb-complete-card{background:#fff;max-width:500px;margin:var(--space-20) auto;padding:var(--space-12);border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-2xl)}.fb-confetti{font-size:5rem;margin-bottom:var(--space-6);animation:fb-bounce 2s infinite}@keyframes fb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.fb-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-top:var(--space-10)}.fb-btn-primary{background:#6366f1;color:#fff;border:none;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:700;cursor:pointer;transition:all .2s}.fb-btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f14d}.fb-btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:700;cursor:pointer;transition:all .2s}.fb-btn-secondary:hover{background:#e2e8f0}.sm-page{min-height:calc(100vh - 72px);background:var(--color-bg);padding-bottom:var(--space-16)}.sm-page.sm-page-game{background:#f8fafc;padding-bottom:0}.sm-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}.sm-back-link:hover{color:var(--color-ink)}.sm-hero{text-align:center;margin-bottom:var(--space-8)}.sm-hero-shapes{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);animation:sm-float 4s ease-in-out infinite}@keyframes sm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sm-hero h1{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;color:var(--color-ink);margin-bottom:var(--space-3)}.sm-hero p{max-width:520px;margin:0 auto;color:var(--color-muted);font-size:var(--text-lg);line-height:1.6}.sm-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);max-width:700px;margin:0 auto var(--space-6)}.sm-diff-card{border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.sm-diff-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--diff-color)}.sm-diff-card.selected{border-color:var(--diff-color);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--diff-color) 8%,white));box-shadow:0 0 0 4px color-mix(in srgb,var(--diff-color) 20%,transparent)}.sm-diff-icon{font-size:2.5rem;display:block}.sm-diff-label{font-weight:800;font-size:var(--text-lg);color:var(--color-ink)}.sm-diff-meta{font-size:var(--text-xs);color:var(--color-muted)}.sm-preview-box{max-width:700px;margin:0 auto var(--space-6);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.sm-preview-title{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-3)}.sm-transform-pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.sm-transform-pill{font-size:var(--text-xs);font-weight:700;padding:3px 10px;border-radius:99px}.sm-start-btn{display:block;max-width:360px;width:100%;margin:0 auto;padding:var(--space-5);background:#1e293b;color:#fff;border:none;border-radius:var(--radius-2xl);font-size:var(--text-lg);font-weight:800;cursor:pointer;transition:all .2s;letter-spacing:.02em}.sm-start-btn:hover{background:#6366f1;transform:translateY(-3px);box-shadow:0 10px 20px #6366f159}.sm-top-bar{height:64px;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000f}.sm-bar-inner{height:100%;display:flex;align-items:center;gap:var(--space-4)}.sm-quit{background:#f1f5f9;border:none;width:38px;height:38px;border-radius:50%;font-size:1.1rem;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.sm-quit:hover{background:#fee2e2;color:#ef4444}.sm-bar-info{display:flex;flex-direction:column;flex-shrink:0}.sm-bar-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sm-bar-q{font-weight:700;font-size:var(--text-sm);color:var(--color-ink)}.sm-bar-right{flex:1;display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.sm-streak-badge{background:#fff7ed;color:#ea580c;font-weight:800;font-size:var(--text-sm);padding:2px 10px;border-radius:99px;border:1px solid #fed7aa;white-space:nowrap}.sm-bar-track{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;flex-shrink:0}.sm-bar-fill{height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.sm-game-area{padding-top:var(--space-8);display:flex;justify-content:center}.sm-card{background:#fff;width:100%;max-width:600px;border-radius:var(--radius-3xl);padding:var(--space-8) var(--space-6);box-shadow:0 20px 40px -10px #0000001a;border:2px solid transparent;transition:border-color .3s,background .3s}.sm-card.sm-card-correct{border-color:#22c55e;background:#f0fdf4}.sm-card.sm-card-wrong{border-color:#ef4444}.sm-transform-label{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}.sm-transform-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0;margin-top:3px}.sm-transform-text{font-size:var(--text-lg);font-weight:700;color:var(--color-ink);line-height:1.3}.sm-shapes-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:nowrap}.sm-shape-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;min-width:0;max-width:40vw}.sm-panel-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.sm-shape-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--space-2);width:clamp(88px,28vw,150px);height:clamp(88px,28vw,150px);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sm-shape-box-hidden{background:linear-gradient(135deg,#e2e8f0,#f1f5f9)!important;border-style:dashed!important}.sm-question-mark{font-size:clamp(1.5rem,6vw,3rem);font-weight:900;color:#94a3b8}.sm-shape-box-reveal{border-color:#d1fae5;background:#f0fdf4;animation:sm-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes sm-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.sm-arrow-col{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-top:18px}.sm-arrow-svg{width:clamp(20px,5vw,28px);height:clamp(20px,5vw,28px);display:block}.sm-reveal-shape{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.sm-cell-anim{animation:sm-cell-in .35s cubic-bezier(.175,.885,.32,1.275) backwards}.sm-shape-anim{animation:sm-shape-in .4s ease backwards}@keyframes sm-cell-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes sm-shape-in{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.sm-hint-box{background:#f8fafc;border-left:4px solid #6366f1;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);animation:sm-pop .3s ease}.sm-hint-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;color:#6366f1;margin-bottom:var(--space-1)}.sm-hint-text{font-size:var(--text-sm);color:#475569;font-style:italic;line-height:1.5}.sm-feedback{text-align:center;font-weight:700;font-size:var(--text-base);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-4);animation:sm-pop .3s ease}.sm-feedback.correct{background:#dcfce7;color:#166534}.sm-feedback.wrong{background:#fee2e2;color:#991b1b}.sm-choices{text-align:center}.sm-choices-label{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);margin-bottom:var(--space-4)}.sm-choices-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.sm-choice-btn{border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--space-2);background:#f8fafc;cursor:pointer;transition:all .2s;position:relative;display:flex;align-items:center;justify-content:center}.sm-choice-shape{width:clamp(72px,21vw,105px);height:clamp(72px,21vw,105px)}.sm-choice-btn:hover:not([disabled]){border-color:#6366f1;transform:translateY(-3px);box-shadow:0 8px 16px #6366f133}.sm-choice-btn.chosen{border-color:#6366f1;background:#eef2ff}.sm-choice-result{cursor:default}.choice-correct{border-color:#22c55e!important;background:#f0fdf4!important}.choice-wrong{border-color:#ef4444!important;background:#fef2f2!important}.choice-neutral{opacity:.6}.sm-choice-checkmark{position:absolute;top:-8px;right:-8px;background:#22c55e;color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.sm-card-actions{display:flex;justify-content:center}.sm-hint-btn{background:none;border:none;color:#94a3b8;font-size:var(--text-sm);font-weight:600;cursor:pointer;text-decoration:underline;padding:var(--space-2)}.sm-next-btn{padding:var(--space-4) var(--space-10);border:none;border-radius:var(--radius-xl);color:#fff;font-weight:800;font-size:var(--text-lg);cursor:pointer;transition:all .2s}.sm-next-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.sm-results-card{background:#fff;max-width:500px;margin:var(--space-10) auto;padding:var(--space-12) var(--space-8);border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-2xl)}.sm-results-emoji{font-size:5rem;margin-bottom:var(--space-4);animation:sm-float 3s ease-in-out infinite}.sm-results-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3)}.sm-stars{font-size:2rem;margin-bottom:var(--space-2);letter-spacing:4px}.sm-star{filter:grayscale(1);opacity:.35;transition:all .4s}.sm-star-lit{filter:none;opacity:1}.sm-results-sub{color:var(--color-muted);margin-bottom:var(--space-8);font-weight:600}.sm-results-stats{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}.sm-stat{display:flex;flex-direction:column;gap:var(--space-1)}.sm-stat-val{font-size:var(--text-2xl);font-weight:800;color:var(--color-ink)}.sm-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-muted)}.sm-results-breakdown{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.sm-result-dot{width:14px;height:14px;border-radius:50%}.dot-correct{background:#22c55e}.dot-wrong{background:#ef4444}.sm-results-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.sm-btn{padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;border:none;transition:all .2s;text-decoration:none;display:block;text-align:center}.sm-btn-primary{background:#6366f1;color:#fff}.sm-btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.sm-btn-secondary{background:#f1f5f9;color:#475569}.sm-btn-secondary:hover{background:#e2e8f0}.sm-btn-ghost{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.sm-btn-ghost:hover{background:#f8fafc}@media(max-width:480px){.sm-card{padding:var(--space-4) var(--space-3)}.sm-transform-text{font-size:var(--text-base)}.sm-diff-grid{grid-template-columns:1fr}.sm-results-stats{gap:var(--space-4)}.sm-next-btn{padding:var(--space-4) var(--space-6);font-size:var(--text-base);width:100%}}.ns-page{min-height:calc(100vh - 72px);background:var(--color-bg);padding-bottom:var(--space-16)}.ns-page.ns-page-game{background:#f8fafc;padding-bottom:0}.ns-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}.ns-back-link:hover{color:var(--color-ink)}.ns-hero{text-align:center;margin-bottom:var(--space-8)}.ns-hero-strip{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);animation:ns-float 4s ease-in-out infinite}@keyframes ns-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ns-hero-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:#1e293b;color:#fff;font-size:var(--text-lg);font-weight:900;font-variant-numeric:tabular-nums}.ns-hero-num-q{background:#6366f1;animation:ns-pulse 2s ease-in-out infinite}@keyframes ns-pulse{0%,to{box-shadow:0 0 #6366f180}50%{box-shadow:0 0 0 8px #6366f100}}.ns-hero h1{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;color:var(--color-ink);margin-bottom:var(--space-3)}.ns-hero p{max-width:520px;margin:0 auto;color:var(--color-muted);font-size:var(--text-lg);line-height:1.6}.ns-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);max-width:700px;margin:0 auto var(--space-6)}.ns-levels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);max-width:800px;margin:0 auto var(--space-6)}.ns-diff-card{border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.ns-level-card{border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-2);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;position:relative}.ns-level-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:99px}.ns-level-icon{font-size:1.4rem}.ns-level-label{font-weight:800;font-size:var(--text-sm);color:var(--color-ink)}.ns-level-sub{font-size:10px;color:var(--color-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.ns-level-meta{font-size:10px;color:#94a3b8}.ns-diff-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--diff-color)}.ns-diff-card.selected{border-color:var(--diff-color);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--diff-color) 8%,white));box-shadow:0 0 0 4px color-mix(in srgb,var(--diff-color) 20%,transparent)}.ns-level-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--diff-color)}.ns-level-card.selected{border-color:var(--diff-color);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--diff-color) 10%,white));box-shadow:0 0 0 3px color-mix(in srgb,var(--diff-color) 20%,transparent)}.ns-diff-icon{font-size:2.5rem;display:block}.ns-diff-label{font-weight:800;font-size:var(--text-lg);color:var(--color-ink)}.ns-diff-meta{font-size:var(--text-xs);color:var(--color-muted)}.ns-start-btn{display:block;max-width:360px;width:100%;margin:0 auto;padding:var(--space-5);background:#1e293b;color:#fff;border:none;border-radius:var(--radius-2xl);font-size:var(--text-lg);font-weight:800;cursor:pointer;transition:all .2s}.ns-start-btn:hover{background:#6366f1;transform:translateY(-3px);box-shadow:0 10px 20px #6366f159}.ns-top-bar{height:64px;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000f}.ns-bar-inner{height:100%;display:flex;align-items:center;gap:var(--space-4)}.ns-quit{background:#f1f5f9;border:none;width:38px;height:38px;border-radius:50%;font-size:1.1rem;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ns-quit:hover{background:#fee2e2;color:#ef4444}.ns-bar-info{display:flex;flex-direction:column;flex-shrink:0}.ns-bar-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ns-bar-q{font-weight:700;font-size:var(--text-sm);color:var(--color-ink)}.ns-bar-right{flex:1;display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.ns-streak-badge{background:#fff7ed;color:#ea580c;font-weight:800;font-size:var(--text-sm);padding:2px 10px;border-radius:99px;border:1px solid #fed7aa;white-space:nowrap}.ns-bar-track{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;flex-shrink:0}.ns-bar-fill{height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.ns-game-area{padding-top:var(--space-8);display:flex;justify-content:center}.ns-card{background:#fff;width:100%;max-width:600px;border-radius:var(--radius-3xl);padding:var(--space-8) var(--space-6);box-shadow:0 20px 40px -10px #0000001a;border:2px solid transparent;transition:border-color .3s}.ns-card.ns-card-correct{border-color:#22c55e;background:#f0fdf4}.ns-card.ns-card-wrong{border-color:#ef4444}.ns-type-row{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.ns-type-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0;margin-top:3px}.ns-prompt{font-size:var(--text-lg);font-weight:700;color:var(--color-ink);line-height:1.3}.ns-sequence-wrap{margin-bottom:var(--space-6);overflow-x:auto;-webkit-overflow-scrolling:touch}.ns-sequence{display:flex;align-items:center;gap:4px;padding:var(--space-4);background:#f8fafc;border-radius:var(--radius-xl);border:1px solid #e2e8f0;min-width:max-content}.ns-seq-item{display:flex;align-items:center;gap:4px}.ns-seq-num{min-width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:800;font-variant-numeric:tabular-nums;transition:all .3s}.ns-seq-visible{background:#fff;color:#1e293b;border:2px solid #e2e8f0}.ns-seq-hidden{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:2px dashed;font-size:var(--text-xl);font-weight:900;animation:ns-hidden-pulse 2s ease-in-out infinite}@keyframes ns-hidden-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ns-seq-revealed{background:#dcfce7;color:#16a34a;border:2px solid #22c55e;animation:ns-reveal-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes ns-reveal-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.ns-seq-arrow{color:#94a3b8;font-size:var(--text-lg);flex-shrink:0}.ns-feedback{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-weight:700;animation:ns-pop .3s ease}@keyframes ns-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.ns-feedback.correct{background:#dcfce7;color:#166534}.ns-feedback.wrong{background:#fee2e2;color:#991b1b}.ns-explain{font-size:var(--text-sm);font-weight:400;margin-top:var(--space-2);opacity:.85;line-height:1.5}.ns-choices{text-align:center}.ns-choices-label{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);margin-bottom:var(--space-4)}.ns-choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4);max-width:320px;margin-left:auto;margin-right:auto}.ns-choice-btn{border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--space-4);background:#f8fafc;cursor:pointer;font-size:var(--text-2xl);font-weight:900;color:#1e293b;font-variant-numeric:tabular-nums;transition:all .2s;min-height:64px}.ns-choice-btn:hover:not([disabled]){border-color:#6366f1;transform:translateY(-3px);box-shadow:0 8px 16px #6366f133;background:#eef2ff}.ns-chosen{border-color:#6366f1!important;background:#eef2ff!important}.ns-choice-correct{border-color:#22c55e!important;background:#f0fdf4!important;color:#16a34a!important}.ns-choice-wrong{border-color:#ef4444!important;background:#fef2f2!important;color:#dc2626!important}.ns-choice-neutral{opacity:.5}.ns-card-actions{display:flex;justify-content:center;margin-top:var(--space-4)}.ns-next-btn{padding:var(--space-4) var(--space-10);border:none;border-radius:var(--radius-xl);color:#fff;font-weight:800;font-size:var(--text-lg);cursor:pointer;transition:all .2s}.ns-next-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.ns-results-card{background:#fff;max-width:500px;margin:var(--space-10) auto;padding:var(--space-12) var(--space-8);border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-2xl)}.ns-results-emoji{font-size:5rem;margin-bottom:var(--space-4);animation:ns-float 3s ease-in-out infinite}.ns-results-card h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3)}.ns-stars{font-size:2rem;margin-bottom:var(--space-2);letter-spacing:4px}.ns-star{filter:grayscale(1);opacity:.35;transition:all .4s}.ns-star-lit{filter:none;opacity:1}.ns-results-sub{color:var(--color-muted);margin-bottom:var(--space-8);font-weight:600}.ns-results-stats{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}.ns-stat{display:flex;flex-direction:column;gap:var(--space-1)}.ns-stat-val{font-size:var(--text-2xl);font-weight:800;color:var(--color-ink)}.ns-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-muted)}.ns-results-breakdown{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.ns-result-dot{width:14px;height:14px;border-radius:50%}.ns-results-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.ns-btn{padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;border:none;transition:all .2s;text-decoration:none;display:block;text-align:center}.ns-btn-primary{background:#6366f1;color:#fff}.ns-btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.ns-btn-next{color:#fff}.ns-btn-next:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.ns-btn-secondary{background:#f1f5f9;color:#475569}.ns-btn-secondary:hover{background:#e2e8f0}.ns-btn-ghost{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.ns-btn-ghost:hover{background:#f8fafc}@media(max-width:640px){.ns-levels-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ns-card{padding:var(--space-4) var(--space-3)}.ns-diff-grid{grid-template-columns:1fr}.ns-levels-grid{grid-template-columns:repeat(2,1fr)}.ns-results-stats{gap:var(--space-4)}.ns-next-btn{padding:var(--space-4) var(--space-6);font-size:var(--text-base);width:100%}.ns-choices-grid{grid-template-columns:repeat(2,1fr)}}.ca-page{min-height:calc(100vh - 72px);background:var(--color-bg);padding-bottom:var(--space-16)}.ca-page.ca-page-game{background:#f8fafc;padding-bottom:0}.ca-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}.ca-back-link:hover{color:var(--color-ink)}.ca-hero{text-align:center;margin-bottom:var(--space-8)}.ca-hero-clock{display:flex;justify-content:center;margin-bottom:var(--space-4);animation:ca-float 4s ease-in-out infinite}@keyframes ca-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}}.ca-hero h1{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;color:var(--color-ink);margin-bottom:var(--space-3)}.ca-hero p{max-width:520px;margin:0 auto;color:var(--color-muted);font-size:var(--text-lg);line-height:1.6}.ca-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);max-width:700px;margin:0 auto var(--space-6)}.ca-diff-card{border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.ca-diff-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--diff-color)}.ca-diff-card.selected{border-color:var(--diff-color);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--diff-color) 8%,white));box-shadow:0 0 0 4px color-mix(in srgb,var(--diff-color) 20%,transparent)}.ca-diff-icon{font-size:2.5rem;display:block}.ca-diff-label{font-weight:800;font-size:var(--text-lg);color:var(--color-ink)}.ca-diff-meta{font-size:var(--text-xs);color:var(--color-muted)}.ca-start-btn{display:block;max-width:360px;width:100%;margin:0 auto;padding:var(--space-5);background:#1e293b;color:#fff;border:none;border-radius:var(--radius-2xl);font-size:var(--text-lg);font-weight:800;cursor:pointer;transition:all .2s}.ca-start-btn:hover{background:#6366f1;transform:translateY(-3px);box-shadow:0 10px 20px #6366f159}.ca-top-bar{height:64px;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000f}.ca-bar-inner{height:100%;display:flex;align-items:center;gap:var(--space-4)}.ca-quit{background:#f1f5f9;border:none;width:38px;height:38px;border-radius:50%;font-size:1.1rem;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ca-quit:hover{background:#fee2e2;color:#ef4444}.ca-bar-info{display:flex;flex-direction:column;flex-shrink:0}.ca-bar-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ca-bar-q{font-weight:700;font-size:var(--text-sm);color:var(--color-ink)}.ca-bar-right{flex:1;display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.ca-streak-badge{background:#fff7ed;color:#ea580c;font-weight:800;font-size:var(--text-sm);padding:2px 10px;border-radius:99px;border:1px solid #fed7aa;white-space:nowrap}.ca-bar-track{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;flex-shrink:0}.ca-bar-fill{height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.ca-game-area{padding-top:var(--space-8);display:flex;justify-content:center}.ca-card{background:#fff;width:100%;max-width:600px;border-radius:var(--radius-3xl);padding:var(--space-8) var(--space-6);box-shadow:0 20px 40px -10px #0000001a;border:2px solid transparent;transition:border-color .3s}.ca-card.ca-card-correct{border-color:#22c55e;background:#f0fdf4}.ca-card.ca-card-wrong{border-color:#ef4444}.ca-type-row{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.ca-type-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0;margin-top:3px}.ca-prompt{font-size:var(--text-lg);font-weight:700;color:var(--color-ink);line-height:1.3}.ca-clock-center{display:flex;justify-content:center;margin-bottom:var(--space-6);animation:ca-intro .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes ca-intro{0%{transform:scale(.8) rotate(-5deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.ca-clock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.ca-clock-option{border:3px solid #e2e8f0;border-radius:var(--radius-2xl);padding:var(--space-3);background:#f8fafc;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:all .2s;position:relative}.ca-clock-option:hover:not([disabled]){border-color:#6366f1;transform:translateY(-4px);box-shadow:0 10px 20px #6366f133}.ca-clock-correct{border-color:#22c55e!important;background:#f0fdf4!important}.ca-clock-wrong{border-color:#ef4444!important;background:#fef2f2!important}.ca-clock-neutral{opacity:.5}.ca-clock-label{font-size:var(--text-sm);font-weight:800;color:#475569}.ca-checkmark{position:absolute;top:-10px;right:-10px;background:#22c55e;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.ca-feedback{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-weight:700;animation:ca-pop .3s ease}@keyframes ca-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.ca-feedback.correct{background:#dcfce7;color:#166534}.ca-feedback.wrong{background:#fee2e2;color:#991b1b}.ca-explain{font-size:var(--text-sm);font-weight:400;margin-top:var(--space-2);opacity:.85;line-height:1.5}.ca-choices{text-align:center}.ca-choices-label{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);margin-bottom:var(--space-4)}.ca-choices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4);max-width:340px;margin-left:auto;margin-right:auto}.ca-choice-btn{border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--space-4);background:#f8fafc;cursor:pointer;font-size:var(--text-xl);font-weight:800;color:#1e293b;transition:all .2s;min-height:60px;position:relative;display:flex;align-items:center;justify-content:center}.ca-choice-btn:hover:not([disabled]){border-color:#6366f1;background:#eef2ff;transform:translateY(-3px);box-shadow:0 8px 16px #6366f133}.ca-chosen{border-color:#6366f1!important;background:#eef2ff!important}.ca-choice-correct{border-color:#22c55e!important;background:#f0fdf4!important;color:#16a34a!important}.ca-choice-wrong{border-color:#ef4444!important;background:#fef2f2!important;color:#dc2626!important}.ca-choice-neutral{opacity:.5}.ca-opt-check{position:absolute;top:-8px;right:-8px;background:#22c55e;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.ca-card-actions{display:flex;justify-content:center;margin-top:var(--space-4)}.ca-next-btn{padding:var(--space-4) var(--space-10);border:none;border-radius:var(--radius-xl);color:#fff;font-weight:800;font-size:var(--text-lg);cursor:pointer;transition:all .2s}.ca-next-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.ca-results-card{background:#fff;max-width:500px;margin:var(--space-10) auto;padding:var(--space-12) var(--space-8);border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-2xl)}.ca-results-emoji{font-size:5rem;margin-bottom:var(--space-4);animation:ca-float 3s ease-in-out infinite}.ca-results-card h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3)}.ca-stars{font-size:2rem;margin-bottom:var(--space-2);letter-spacing:4px}.ca-star{filter:grayscale(1);opacity:.35;transition:all .4s}.ca-star-lit{filter:none;opacity:1}.ca-results-sub{color:var(--color-muted);margin-bottom:var(--space-8);font-weight:600}.ca-results-stats{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}.ca-stat{display:flex;flex-direction:column;gap:var(--space-1)}.ca-stat-val{font-size:var(--text-2xl);font-weight:800;color:var(--color-ink)}.ca-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-muted)}.ca-results-breakdown{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.ca-result-dot{width:14px;height:14px;border-radius:50%}.ca-results-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.ca-btn{padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;border:none;transition:all .2s;text-decoration:none;display:block;text-align:center}.ca-btn-primary{background:#6366f1;color:#fff}.ca-btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.ca-btn-secondary{background:#f1f5f9;color:#475569}.ca-btn-secondary:hover{background:#e2e8f0}.ca-btn-ghost{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.ca-btn-ghost:hover{background:#f8fafc}@media(max-width:480px){.ca-card{padding:var(--space-4) var(--space-3)}.ca-diff-grid{grid-template-columns:1fr}.ca-clock-grid{gap:var(--space-3)}.ca-results-stats{gap:var(--space-4)}.ca-next-btn{padding:var(--space-4) var(--space-6);font-size:var(--text-base);width:100%}}.fv-page{min-height:calc(100vh - 72px);background:var(--color-bg);padding-bottom:var(--space-16)}.fv-page.fv-page-game{background:#f8fafc;padding-bottom:0}.fv-back-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);margin-bottom:var(--space-4);color:var(--color-muted);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:color .2s}.fv-back-link:hover{color:var(--color-ink)}.fv-hero{text-align:center;margin-bottom:var(--space-8)}.fv-hero-visuals{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);animation:fv-float 4s ease-in-out infinite}@keyframes fv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fv-hero h1{font-family:var(--font-heading);font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;color:var(--color-ink);margin-bottom:var(--space-3)}.fv-hero p{max-width:520px;margin:0 auto;color:var(--color-muted);font-size:var(--text-lg);line-height:1.6}.fv-diff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);max-width:700px;margin:0 auto var(--space-6)}.fv-levels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);max-width:800px;margin:0 auto var(--space-6)}.fv-level-card{border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-2);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;position:relative}.fv-level-badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;border-radius:99px}.fv-level-icon{font-size:1.4rem}.fv-level-label{font-weight:800;font-size:var(--text-sm);color:var(--color-ink)}.fv-level-sub{font-size:10px;color:var(--color-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.fv-level-meta{font-size:10px;color:#94a3b8}.fv-diff-card{border:2px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center}.fv-diff-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--diff-color)}.fv-diff-card.selected{border-color:var(--diff-color);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--diff-color) 8%,white));box-shadow:0 0 0 4px color-mix(in srgb,var(--diff-color) 20%,transparent)}.fv-diff-icon{font-size:2.5rem;display:block}.fv-diff-label{font-weight:800;font-size:var(--text-lg);color:var(--color-ink)}.fv-diff-meta{font-size:var(--text-xs);color:var(--color-muted)}.fv-start-btn{display:block;max-width:360px;width:100%;margin:0 auto;padding:var(--space-5);background:#1e293b;color:#fff;border:none;border-radius:var(--radius-2xl);font-size:var(--text-lg);font-weight:800;cursor:pointer;transition:all .2s}.fv-start-btn:hover{background:#6366f1;transform:translateY(-3px);box-shadow:0 10px 20px #6366f159}.fv-top-bar{height:64px;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000f}.fv-bar-inner{height:100%;display:flex;align-items:center;gap:var(--space-4)}.fv-quit{background:#f1f5f9;border:none;width:38px;height:38px;border-radius:50%;font-size:1.1rem;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.fv-quit:hover{background:#fee2e2;color:#ef4444}.fv-bar-info{display:flex;flex-direction:column;flex-shrink:0}.fv-bar-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.fv-bar-q{font-weight:700;font-size:var(--text-sm);color:var(--color-ink)}.fv-bar-right{flex:1;display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end}.fv-streak-badge{background:#fff7ed;color:#ea580c;font-weight:800;font-size:var(--text-sm);padding:2px 10px;border-radius:99px;border:1px solid #fed7aa;white-space:nowrap}.fv-bar-track{width:100px;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;flex-shrink:0}.fv-bar-fill{height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.275);border-radius:4px}.fv-game-area{padding-top:var(--space-8);display:flex;justify-content:center}.fv-card{background:#fff;width:100%;max-width:580px;border-radius:var(--radius-3xl);padding:var(--space-8) var(--space-6);box-shadow:0 20px 40px -10px #0000001a;border:2px solid transparent;transition:border-color .3s}.fv-card.fv-card-correct{border-color:#22c55e;background:#f0fdf4}.fv-card.fv-card-wrong{border-color:#ef4444}.fv-type-row{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.fv-type-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0;margin-top:3px}.fv-prompt{font-size:var(--text-lg);font-weight:700;color:var(--color-ink);line-height:1.3}.fv-visual-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);animation:fv-intro .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes fv-intro{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.fv-mode-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.fv-pie-label,.fv-bar-label{text-align:center;font-size:var(--text-sm);font-weight:700;color:#475569;margin-top:4px}.fv-compare-row{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-5);flex-wrap:nowrap}.fv-compare-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.fv-frac-text{font-size:var(--text-xl);font-weight:900;color:#1e293b}.fv-compare-blank{font-size:2.5rem;font-weight:900;color:#6366f1;min-width:40px;text-align:center;animation:fv-blink 1.5s ease-in-out infinite}@keyframes fv-blink{0%,to{opacity:1}50%{opacity:.4}}.fv-feedback{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-weight:700;animation:fv-pop .3s ease}@keyframes fv-pop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.fv-feedback.correct{background:#dcfce7;color:#166534}.fv-feedback.wrong{background:#fee2e2;color:#991b1b}.fv-explain{font-size:var(--text-sm);font-weight:400;margin-top:var(--space-2);opacity:.85;line-height:1.5}.fv-choices{text-align:center}.fv-choices-label{font-size:var(--text-sm);font-weight:600;color:var(--color-muted);margin-bottom:var(--space-4)}.fv-choices-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4)}.fv-choices-symbol{gap:var(--space-4)}.fv-choice-btn{border:2px solid #e2e8f0;border-radius:var(--radius-xl);padding:var(--space-3);background:#f8fafc;cursor:pointer;transition:all .2s;position:relative}.fv-choice-btn:hover:not([disabled]){border-color:#6366f1;transform:translateY(-3px);box-shadow:0 8px 16px #6366f133;background:#eef2ff}.fv-chosen{border-color:#6366f1!important;background:#eef2ff!important}.fv-choice-correct{border-color:#22c55e!important;background:#f0fdf4!important}.fv-choice-wrong{border-color:#ef4444!important;background:#fef2f2!important}.fv-choice-neutral{opacity:.5}.fv-choice-symbol-btn{min-width:70px;height:70px;font-size:2rem;font-weight:900;color:#1e293b;display:flex;align-items:center;justify-content:center}.fv-choices-fractions{gap:var(--space-3)}.fv-choice-frac-btn{min-width:80px;padding:var(--space-3) var(--space-4)}.fv-frac-display{display:flex;flex-direction:column;align-items:center;gap:2px}.fv-frac-n{font-size:var(--text-2xl);font-weight:900;color:#1e293b;line-height:1}.fv-frac-line{display:block;width:28px;height:2.5px;background:#1e293b;border-radius:1px}.fv-frac-d{font-size:var(--text-2xl);font-weight:900;color:#1e293b;line-height:1}.fv-card-actions{display:flex;justify-content:center;margin-top:var(--space-4)}.fv-next-btn{padding:var(--space-4) var(--space-10);border:none;border-radius:var(--radius-xl);color:#fff;font-weight:800;font-size:var(--text-lg);cursor:pointer;transition:all .2s}.fv-next-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.fv-results-card{background:#fff;max-width:500px;margin:var(--space-10) auto;padding:var(--space-12) var(--space-8);border-radius:var(--radius-3xl);text-align:center;box-shadow:var(--shadow-2xl)}.fv-results-emoji{font-size:5rem;margin-bottom:var(--space-4);animation:fv-float 3s ease-in-out infinite}.fv-results-card h2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-3)}.fv-stars{font-size:2rem;margin-bottom:var(--space-2);letter-spacing:4px}.fv-star{filter:grayscale(1);opacity:.35;transition:all .4s}.fv-star-lit{filter:none;opacity:1}.fv-results-sub{color:var(--color-muted);margin-bottom:var(--space-8);font-weight:600}.fv-results-stats{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-8)}.fv-stat{display:flex;flex-direction:column;gap:var(--space-1)}.fv-stat-val{font-size:var(--text-2xl);font-weight:800;color:var(--color-ink)}.fv-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--color-muted)}.fv-results-breakdown{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.fv-result-dot{width:14px;height:14px;border-radius:50%}.fv-results-actions{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.fv-btn{padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;border:none;transition:all .2s;text-decoration:none;display:block;text-align:center}.fv-btn-primary{background:#6366f1;color:#fff}.fv-btn-primary:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 20px #6366f159}.fv-btn-secondary{background:#f1f5f9;color:#475569}.fv-btn-secondary:hover{background:#e2e8f0}.fv-btn-ghost{background:transparent;color:var(--color-muted);border:1px solid var(--color-border)}.fv-btn-ghost:hover{background:#f8fafc}.fv-level-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:var(--diff-color)}.fv-level-card.selected{border-color:var(--diff-color);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--diff-color) 10%,white));box-shadow:0 0 0 3px color-mix(in srgb,var(--diff-color) 20%,transparent)}.fv-typeset-frac{display:inline-flex;flex-direction:column;align-items:center;gap:1px;vertical-align:middle;line-height:1}.fv-typeset-n,.fv-typeset-d{font-weight:900;line-height:1;color:inherit}.fv-typeset-line{display:block;width:1.6em;height:2px;background:currentColor;border-radius:1px}.fv-operation-row{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;padding:var(--space-5) var(--space-3);background:#f8fafc;border-radius:var(--radius-2xl);border:1px solid #e2e8f0;animation:fv-intro .4s cubic-bezier(.175,.885,.32,1.275)}.fv-op-symbol{font-size:2rem;font-weight:900;color:#475569;line-height:1}.fv-op-answer{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:56px;border-radius:var(--radius-lg);border:2px dashed #94a3b8;padding:var(--space-2) var(--space-3);transition:all .3s}.fv-op-blank{background:#f8fafc;animation:fv-op-blink 1.5s ease-in-out infinite}@keyframes fv-op-blink{0%,to{border-color:#94a3b8}50%{border-color:#6366f1}}.fv-op-correct{background:#f0fdf4;border:2px solid #22c55e}.fv-op-wrong{background:#fef2f2;border:2px solid #ef4444}.fv-opt-tick{position:absolute;top:-8px;right:-8px;background:#22c55e;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;pointer-events:none}.fv-btn-next{color:#fff}.fv-btn-next:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #0003}@media(max-width:640px){.fv-levels-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.fv-card{padding:var(--space-4) var(--space-3)}.fv-diff-grid{grid-template-columns:1fr}.fv-levels-grid{grid-template-columns:repeat(2,1fr)}.fv-compare-row{gap:var(--space-3)}.fv-operation-row{gap:var(--space-2);padding:var(--space-3) var(--space-2)}.fv-results-stats{gap:var(--space-4)}.fv-next-btn{padding:var(--space-4) var(--space-6);font-size:var(--text-base);width:100%}}.games-page{min-height:80vh}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.game-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--neutral-100);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.game-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.game-icon{width:60px;height:60px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:var(--space-2)}.game-content h3{margin-bottom:var(--space-2);font-family:Patrick Hand,cursive;font-size:var(--text-2xl);color:var(--neutral-900)}.game-content p{color:var(--neutral-600);font-size:var(--text-base);margin-bottom:var(--space-6);line-height:1.6}.setup-card{max-width:600px;margin:0 auto;background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.setting-group{margin-bottom:var(--space-8)}.setting-group label{display:block;font-weight:600;margin-bottom:var(--space-4);color:var(--neutral-700);font-size:var(--text-lg)}.subject-pills{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pill{padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:2px solid var(--neutral-100);background:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:var(--space-2);font-weight:500}.pill:hover{border-color:var(--primary-300);background:var(--primary-50)}.pill.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600);box-shadow:var(--shadow-md)}.pill-count{font-size:10px;background:#0000001a;padding:1px 6px;border-radius:var(--radius-full);font-weight:700;opacity:.7}.pill.active .pill-count{background:#fff3;opacity:1}.toggle-group{display:flex;gap:var(--space-4)}.toggle-btn{flex:1;padding:var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--neutral-100);background:#fff;cursor:pointer;font-weight:600;transition:all .2s ease}.toggle-btn.active{border-color:var(--primary-600);background:var(--primary-50);color:var(--primary-700)}.game-screen{min-height:100vh;background:var(--neutral-50);display:flex;flex-direction:column}.game-header-bar{background:#fff;padding:var(--space-4) 0;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-bar-content{display:flex;justify-content:space-between;align-items:center}.game-stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-500)}.stat-value{font-weight:700;font-size:var(--text-xl);color:var(--neutral-900)}.game-timer{background:var(--neutral-100);padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.5rem}.game-timer.urgent{background:var(--error-100);color:var(--error-600);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.progress-bar-container{height:4px;background:var(--neutral-100);width:100%;margin-top:var(--space-4)}.progress-bar-fill{height:100%;background:var(--primary-500);transition:width .3s ease}.gameplay-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) 0}.question-box{background:#fff;padding:var(--space-10);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);text-align:center;position:relative}.game-question-text{font-size:2.25rem;margin-bottom:var(--space-10);font-family:Montserrat,sans-serif;line-height:1.3}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:640px){.options-grid{grid-template-columns:1fr}.game-question-text{font-size:1.5rem}}.game-option-btn{padding:var(--space-6);border-radius:var(--radius-2xl);border:2px solid var(--neutral-100);background:#fff;font-size:var(--text-xl);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;gap:var(--space-4);text-align:left}.game-option-btn:hover:not(:disabled){border-color:var(--primary-400);background:var(--primary-50);transform:scale(1.02)}.game-option-btn.correct{background:var(--success-500);color:#fff;border-color:var(--success-600)}.game-option-btn.incorrect{background:var(--error-500);color:#fff;border-color:var(--error-600)}.game-option-btn.disabled{opacity:.5;cursor:not-allowed}.option-index{width:36px;height:36px;background:var(--neutral-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);flex-shrink:0}.game-option-btn.correct .option-index,.game-option-btn.incorrect .option-index{background:#fff3;color:#fff}.streak-badge{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-weight:800;box-shadow:var(--shadow-lg);z-index:10;transition:opacity .3s ease}.feedback-toast{margin-top:var(--space-8);padding:var(--space-4) var(--space-8);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-lg);text-align:center;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-toast.success{background:var(--success-100);color:var(--success-600)}.feedback-toast.error{background:var(--error-100);color:var(--error-600)}.results-card{background:#fff;padding:var(--space-10);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);text-align:center;margin-bottom:var(--space-8)}.results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}@media(max-width:768px){.results-grid{grid-template-columns:repeat(2,1fr)}}.result-item{display:flex;flex-direction:column;gap:var(--space-1)}.result-label{font-size:var(--text-sm);color:var(--neutral-500);text-transform:uppercase;font-weight:600}.result-value{font-size:2.5rem;font-weight:800;color:var(--primary-700);font-family:Patrick Hand,cursive}.results-actions{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.missed-concepts{background:#fff;padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.review-item{padding:var(--space-6);border-bottom:1px solid var(--neutral-100)}.review-item:last-child{border-bottom:none}.review-q{font-size:var(--text-lg);margin-bottom:var(--space-2)}.review-a{color:var(--success-600);font-weight:600;margin-bottom:var(--space-2)}.review-e{color:var(--neutral-600);background:var(--neutral-50);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm)}.perfect-msg{text-align:center;font-size:var(--text-xl);font-weight:600;color:var(--success-600);padding:var(--space-10)}.back-link{display:inline-block;margin-bottom:var(--space-4);color:#fff;opacity:.8;text-decoration:none}.back-link:hover{opacity:1}.back-link-bottom{display:block;margin-top:var(--space-6);color:var(--neutral-500);text-decoration:none}.back-link-bottom:hover{color:var(--primary-600)}.tow-page{min-height:100vh;background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);color:#fff;overflow-x:hidden}.tow-page-light{background:#f0f2f5;color:#1a1a2e}.tow-page-light:fullscreen{background:#f0f2f5}.tow-select-screen{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.tow-back-link{display:inline-block;color:#fff9;text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-6);transition:color .2s}.tow-back-link:hover{color:#fff}.tow-select-header{text-align:center;margin-bottom:var(--space-10)}.tow-select-icon{font-size:3.5rem;display:block;margin-bottom:var(--space-3);animation:towSwing 2s ease-in-out infinite}@keyframes towSwing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.tow-select-header h1{font-family:Patrick Hand,cursive;font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-3);background:linear-gradient(135deg,#3498db,#e74c3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tow-select-header p{color:#ffffffa6;max-width:500px;margin:0 auto;line-height:1.6;font-size:var(--text-base)}.tow-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.tow-subject-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-align:center;color:#fff;font-family:inherit;font-size:inherit}.tow-subject-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #0000004d}.tow-subj-icon{font-size:2.2rem}.tow-subj-name{font-weight:700;font-size:var(--text-base)}.tow-subj-count{font-size:var(--text-xs);color:#fff6;text-transform:uppercase;letter-spacing:.05em}.tow-rules{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-6)}.tow-rules h3{font-family:Patrick Hand,cursive;font-size:var(--text-xl);margin-bottom:var(--space-4);color:#ffffffe6}.tow-rules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.tow-rules li{color:#ffffffa6;line-height:1.5;font-size:var(--text-sm)}.tow-rules strong{color:#ffffffe6}.tow-setup-options{max-width:600px;margin:0 auto var(--space-6);background:#ffffff0d;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1)}.tow-mode-toggle label{display:block;font-size:var(--text-sm);color:#ffffffb3;margin-bottom:var(--space-3);font-weight:600}.tow-toggle-btns{display:flex;gap:var(--space-3)}.tow-toggle-btn{flex:1;padding:var(--space-3);background:#ffffff14;border:2px solid transparent;border-radius:var(--radius-lg);color:#fff;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;font-size:var(--text-sm)}.tow-toggle-btn:hover{background:#ffffff26}.tow-toggle-btn.active{background:#e74c3c;border-color:#ffffff4d;box-shadow:0 4px 12px #e74c3c66}.tow-pause-card{border-color:#3b82f6}.tow-pause-card p{color:#666;font-size:13px;margin:8px 0}.tow-btn-secondary{display:inline-block;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;background:#fff;color:#555;border:1px solid #ddd;text-decoration:none;transition:all .2s;font-family:inherit}.tow-btn-secondary:hover{background:#f5f5f5}.tow-title-bar{background:#fff;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.tow-home-btn{background:#e8f4fd;color:#1a8cd8;font-weight:700;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;transition:background .2s}.tow-home-btn:hover{background:#d0eafa}.tow-title-center{flex:1;text-align:center;min-width:0}.tow-game-title{font-family:Patrick Hand,cursive;font-size:clamp(1rem,2.5vw,1.5rem);font-weight:800;color:#e74c3c;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tow-title-sub{font-size:11px;color:#7f8c8d;margin:2px 0 0;line-height:1.4}.tow-title-actions{display:flex;gap:var(--space-2);align-items:center}.tow-btn-restart{background:#f5f5f5;border:1px solid #ddd;color:#555;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:all .2s;font-family:inherit}.tow-btn-restart:hover{background:#e8e8e8}.tow-btn-fullscreen{background:#f5f5f5;border:1px solid #ddd;color:#555;width:34px;height:34px;border-radius:var(--radius-lg);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}.tow-btn-fullscreen:hover{background:#e0e0e0}.tow-game-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4);max-width:1200px;margin:0 auto}.tow-arena-wrap{grid-column:1 / -1;order:-1}.tow-team-panel{order:1}.tow-arena-wrap{background:#fff;border-radius:var(--radius-2xl);box-shadow:0 2px 12px #00000014;overflow:hidden;border:1px solid #e5e7eb;position:relative;z-index:10}.tow-scoreboard{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:#fafbfc;border-bottom:1px solid #e5e7eb}.tow-sb-team{display:flex;flex-direction:column;align-items:center;gap:2px}.tow-sb-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666}.tow-sb-score{font-family:Patrick Hand,cursive;font-size:1.8rem;font-weight:800;line-height:1}.tow-sb-blue .tow-sb-score{color:#2980b9}.tow-sb-red .tow-sb-score{color:#e74c3c}.tow-sb-timer{display:flex;align-items:center;gap:var(--space-2);background:#f0f0f0;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.tow-sb-clock{font-size:1.1rem}.tow-sb-time{font-weight:800;font-size:1.1rem;color:#333;font-variant-numeric:tabular-nums}.tow-arena{position:relative;width:100%;height:350px;background:#fff;overflow:hidden}.tow-center-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,#bbb 0px,#bbb 6px,transparent 6px,transparent 12px);transform:translate(-50%);z-index:2}.tow-image-container{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:left .4s cubic-bezier(.175,.885,.32,1.275);z-index:3;width:600px}.tow-main-image-wrap{width:100%;display:flex;justify-content:center;align-items:center}.tow-main-image{width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}@keyframes towCelebrate{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.tow-winner{animation:towCelebrate .6s ease-in-out infinite;z-index:5}.tow-center-line{position:absolute;left:50%;top:0;bottom:0;width:4px;background:repeating-linear-gradient(to bottom,#ddd 0px,#ddd 10px,transparent 10px,transparent 20px);transform:translate(-50%);z-index:2;opacity:.5}.tow-winner-overlay{position:absolute;inset:0;background:#ffffffbf;display:flex;align-items:center;justify-content:center;animation:towFadeIn .3s ease;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tow-pause-overlay-fixed{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;animation:towFadeIn .3s ease;z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-4)}.tow-winner-card{background:#fff;border:3px solid #e5e7eb;padding:var(--space-8);border-radius:var(--radius-3xl);text-align:center;box-shadow:0 20px 50px #0000004d;max-width:400px;width:100%}@media(orientation:landscape)and (max-height:500px){.tow-winner-card{padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:5px}.tow-trophy{font-size:1.5rem!important;margin:0!important}.tow-winner-card h2{font-size:1.2rem!important;margin:0!important}.tow-winner-card p{font-size:12px!important;margin:0!important}.tow-btn-play-again{margin-top:10px!important;padding:5px 20px!important}}.tow-trophy{font-size:3.5rem;display:block;margin-bottom:var(--space-2)}.tow-winner-card h2{font-family:Patrick Hand,cursive;font-size:2rem;color:#333;margin-bottom:var(--space-2)}.tow-team-panel{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column}.tow-tp-disabled{opacity:.5;pointer-events:none}@keyframes towShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.tow-shake{animation:towShake .4s ease}.tow-tp-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4)}.tow-tp-header-blue{background:#2980b9;color:#fff}.tow-tp-header-red{background:#e74c3c;color:#fff}.tow-tp-name{font-weight:700;font-size:var(--text-base)}.tow-tp-badge{background:#ffffff40;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-lg)}.tow-tp-body{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.tow-tp-prompt{font-size:var(--text-sm);font-weight:600;line-height:1.5;margin-bottom:var(--space-4);min-height:40px}.tow-tp-prompt-blue{color:#2980b9}.tow-tp-prompt-red{color:#e74c3c}.tow-tp-feedback{font-size:var(--text-sm);font-weight:700;padding:var(--space-2);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-3);animation:towSlideUp .2s ease}@keyframes towSlideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.tow-tp-fb-correct{background:#d4edda;color:#155724}.tow-tp-fb-wrong{background:#f8d7da;color:#721c24}.tow-tp-options{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.tow-tp-opt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;text-align:left;font-size:var(--text-sm);font-family:inherit;color:#333;line-height:1.4}.tow-tp-opt:hover:not(:disabled){border-color:#ccc;background:#fafafa;transform:translate(3px)}.tow-tp-opt:disabled{opacity:.4;cursor:not-allowed}.tow-tp-opt-letter{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.tow-tp-letter-blue{background:#d6eaf8;color:#2471a3}.tow-tp-letter-red{background:#fadbd8;color:#c0392b}.tow-tp-opt-text{flex:1;font-weight:500}.tow-endgame-cta{display:flex;justify-content:center;gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-8)}.tow-btn-play-again,.tow-btn-change{padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;border:none;transition:all .2s;font-family:inherit}.tow-btn-play-again{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 14px #3498db4d}.tow-btn-play-again:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.tow-btn-change{background:#fff;color:#555;border:1px solid #ddd}.tow-btn-change:hover{background:#f5f5f5}@media(max-width:600px){.tow-title-bar{padding:var(--space-2) var(--space-3)}.tow-game-title{font-size:.85rem}.tow-title-sub{display:none}.tow-game-layout{padding:var(--space-2);gap:var(--space-2)}.tow-arena{height:250px}.tow-image-container{width:100%;max-width:450px}.tow-main-image{width:100%}}@media(max-width:400px){.tow-arena{height:200px}}.tow-tp-opt{padding:6px 8px;font-size:11px}.tow-tp-opt-letter{width:20px;height:20px;font-size:9px}@media(orientation:landscape)and (max-height:500px){.tow-game-layout{grid-template-columns:1fr 1.4fr 1fr;gap:var(--space-2);padding:var(--space-2);max-height:calc(100vh - 44px);overflow:hidden}.tow-arena-wrap{grid-column:auto;order:0}.tow-tp-blue{order:-1}.tow-tp-red{order:1}.tow-team-panel{overflow-y:auto;max-height:calc(100vh - 54px)}.tow-title-bar{padding:var(--space-1) var(--space-3)}.tow-game-title{font-size:.85rem}.tow-title-sub{display:none}.tow-arena{height:100%;min-height:120px}.tow-image-container{width:100%;max-width:300px}.tow-main-image{width:100%}.tow-scoreboard{padding:var(--space-1) var(--space-3)}.tow-sb-score{font-size:1.2rem}.tow-sb-label{font-size:10px}.tow-sb-time{font-size:.85rem}.tow-tp-header{padding:var(--space-1) var(--space-2)}.tow-tp-name{font-size:12px}.tow-tp-badge{width:22px;height:22px;font-size:11px}.tow-tp-body{padding:var(--space-2)}.tow-tp-prompt{font-size:11px;min-height:20px;margin-bottom:var(--space-2)}.tow-tp-opt{padding:3px 6px;font-size:11px;gap:var(--space-1);border-radius:var(--radius-lg)}.tow-tp-opt-letter{width:20px;height:20px;font-size:9px}.tow-tp-options{gap:2px}.tow-home-btn,.tow-btn-restart{font-size:12px;padding:2px 8px}.tow-btn-fullscreen{width:28px;height:28px;font-size:.9rem}.tow-endgame-cta{padding:var(--space-1);gap:var(--space-2)}.tow-btn-play-again,.tow-btn-change{padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}}.mal-page{min-height:100vh;background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);color:#fff;overflow-x:hidden}.mal-page-light{background:#f0f2f5;color:#1a1a2e}.mal-select-screen{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.mal-back-link{display:inline-block;color:#fff9;text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-6);transition:color .2s}.mal-back-link:hover{color:#fff}.mal-select-header{text-align:center;margin-bottom:var(--space-10)}.mal-select-icon{font-size:3.5rem;display:block;margin-bottom:var(--space-3);animation:malBounce 2s ease-in-out infinite}@keyframes malBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mal-select-header h1{font-family:Patrick Hand,cursive;font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-3);background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mal-select-header p{color:#ffffffa6;max-width:500px;margin:0 auto;line-height:1.6}.mal-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.mal-subject-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-align:center;color:#fff;font-family:inherit;font-size:inherit}.mal-subject-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #0000004d}.mal-subj-icon{font-size:2.2rem}.mal-subj-name{font-weight:700;font-size:var(--text-base)}.mal-subj-count{font-size:var(--text-xs);color:#fff6;text-transform:uppercase;letter-spacing:.05em}.mal-rules{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-6)}.mal-rules h3{font-family:Patrick Hand,cursive;font-size:var(--text-xl);margin-bottom:var(--space-4);color:#ffffffe6}.mal-rules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.mal-rules li{color:#ffffffa6;line-height:1.5;font-size:var(--text-sm)}.mal-header{background:#fff;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.mal-home-btn{background:#e8f4fd;color:#1a8cd8;font-weight:700;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;transition:background .2s}.mal-home-btn:hover{background:#d0eafa}.mal-header-center{flex:1;text-align:center;min-width:0}.mal-header-title{font-family:Patrick Hand,cursive;font-size:clamp(.9rem,2.5vw,1.4rem);font-weight:800;color:#3b82f6;margin:0}.mal-header-sub{font-size:11px;color:#7f8c8d;margin:2px 0 0}.mal-header-stats{display:flex;gap:var(--space-4);align-items:center}.mal-hs-item{display:flex;flex-direction:column;align-items:center;gap:1px}.mal-hs-val{font-weight:800;font-size:var(--text-lg);color:#333;font-variant-numeric:tabular-nums}.mal-hs-label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.04em}.mal-hs-timer .mal-hs-val{color:#3b82f6}.mal-round-bar{padding:var(--space-2) var(--space-5);background:#fff;border-bottom:1px solid #eee}.mal-round-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.mal-round-label{font-size:var(--text-sm);font-weight:700;color:#555}.mal-streak-badge{background:#fef3c7;color:#d97706;font-weight:800;font-size:12px;padding:2px 10px;border-radius:var(--radius-full);animation:malPop .3s ease}@keyframes malPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.mal-progress{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.mal-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .4s ease}.mal-game-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4);max-width:1100px;margin:0 auto}.mal-column{display:flex;flex-direction:column;gap:0}.mal-col-header{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xl) var(--radius-xl) 0 0;text-align:center}.mal-col-header-q{background:#3b82f6;color:#fff}.mal-col-header-a{background:#8b5cf6;color:#fff}.mal-col-items{display:flex;flex-direction:column;gap:var(--space-2);background:#fff;padding:var(--space-3);border-radius:0 0 var(--radius-xl) var(--radius-xl);border:1px solid #e5e7eb;border-top:none;min-height:200px}.mal-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;font-size:13px;line-height:1.4;color:#333;position:relative}.mal-item:hover:not(:disabled){border-color:#c5cad0;background:#fafafa}.mal-item-num,.mal-item-letter{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.mal-item-num{background:#dbeafe;color:#2563eb}.mal-item-letter{background:#ede9fe;color:#7c3aed}.mal-item-text{flex:1;font-weight:500}.mal-item-check{width:22px;height:22px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;animation:malCheckPop .3s ease}@keyframes malCheckPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.mal-item-selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f626}.mal-item-q.mal-item-selected{border-color:#3b82f6;background:#eff6ff}.mal-item-a.mal-item-selected{border-color:#8b5cf6;background:#f5f3ff;box-shadow:0 0 0 3px #8b5cf626}.mal-item-matched{border-color:#10b981;background:#ecfdf5;opacity:.75;cursor:default;pointer-events:none}.mal-item-matched .mal-item-num,.mal-item-matched .mal-item-letter{background:#d1fae5;color:#059669}.mal-item-wrong{border-color:#ef4444;background:#fef2f2;animation:malShake .4s ease}@keyframes malShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.mal-item-wrong .mal-item-num,.mal-item-wrong .mal-item-letter{background:#fee2e2;color:#dc2626}.mal-hint{text-align:center;padding:var(--space-3) var(--space-4);font-size:13px;color:#888;font-weight:500}.mal-round-screen{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:var(--space-6)}.mal-round-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-10);box-shadow:0 4px 24px #00000014;border:1px solid #e5e7eb;text-align:center;max-width:480px;width:100%}.mal-round-emoji{font-size:3rem;display:block;margin-bottom:var(--space-3)}.mal-round-card h2{font-family:Patrick Hand,cursive;font-size:1.8rem;margin:0 0 var(--space-2);color:#1a1a2e}.mal-round-sub{color:#666;font-size:var(--text-sm);margin-bottom:var(--space-6)}.mal-round-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.mal-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.mal-stat-val{font-weight:800;font-size:1.5rem;color:#3b82f6;font-family:Patrick Hand,cursive}.mal-stat-big{font-size:2.2rem}.mal-stat-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.04em}.mal-rounds-breakdown{margin-bottom:var(--space-6);text-align:left}.mal-rb-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.mal-rb-label{font-weight:600;font-size:13px;color:#555;width:65px;flex-shrink:0}.mal-rb-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.mal-rb-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:4px;transition:width .6s ease}.mal-rb-time{font-size:12px;color:#888;font-weight:600;width:40px;text-align:right;flex-shrink:0}.mal-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:var(--space-3) var(--space-8);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 14px #3b82f64d}.mal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.mal-btn-secondary{background:#fff;color:#555;border:1px solid #ddd;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all .2s;font-family:inherit;text-decoration:none;display:inline-block}.mal-btn-secondary:hover{background:#f5f5f5}.mal-finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.mal-finish-card{max-width:560px}@media(max-width:600px){.mal-header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.mal-header-title{font-size:.85rem}.mal-header-sub{display:none}.mal-header-stats{gap:var(--space-3)}.mal-hs-val{font-size:var(--text-base)}.mal-round-bar{padding:var(--space-2) var(--space-3)}.mal-game-area{gap:var(--space-2);padding:var(--space-2)}.mal-col-header{font-size:11px;padding:var(--space-1) var(--space-3)}.mal-col-items{padding:var(--space-2);gap:var(--space-1)}.mal-item{padding:var(--space-2) var(--space-3);font-size:11px;gap:var(--space-2)}.mal-item-num,.mal-item-letter{width:22px;height:22px;font-size:10px}.mal-item-check{width:18px;height:18px;font-size:10px}.mal-hint{font-size:11px;padding:var(--space-2)}.mal-round-card{padding:var(--space-6) var(--space-5)}.mal-round-emoji{font-size:2.2rem}.mal-round-card h2{font-size:1.4rem}.mal-stat-val{font-size:1.2rem}.mal-select-screen{padding:var(--space-5) var(--space-4)}.mal-subject-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.mal-subject-card{padding:var(--space-4) var(--space-3)}.mal-subj-icon{font-size:1.6rem}.mal-subj-name{font-size:var(--text-sm)}.mal-finish-actions{flex-direction:column;align-items:center}}@media(max-width:380px){.mal-game-area{gap:4px;padding:4px}.mal-item{padding:5px 6px;font-size:10px;gap:4px;border-width:1.5px}.mal-item-num,.mal-item-letter{width:18px;height:18px;font-size:9px}.mal-col-items{padding:4px;gap:3px}}.mal-rb-title{font-family:Patrick Hand,cursive;font-size:var(--text-base);color:#555;margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid #eee}.mal-rb-pct{font-size:12px;color:#3b82f6;font-weight:700;width:35px;text-align:right;flex-shrink:0}.mal-round-matched{font-size:12px;color:#888;font-weight:600}.stm-page{min-height:100vh;background:linear-gradient(145deg,#0f172a,#1e293b,#0f172a);color:#fff;overflow-x:hidden}.stm-page-light{background:#f0f2f5;color:#1a1a2e}.stm-select-screen{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-6)}.stm-back-link{display:inline-block;color:#fff9;text-decoration:none;font-size:var(--text-sm);margin-bottom:var(--space-6);transition:color .2s}.stm-back-link:hover{color:#fff}.stm-select-header{text-align:center;margin-bottom:var(--space-10)}.stm-select-icon{font-size:3.5rem;display:block;margin-bottom:var(--space-3);animation:stmPulse 2s ease-in-out infinite}@keyframes stmPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stm-select-header h1{font-family:Patrick Hand,cursive;font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-3);background:linear-gradient(135deg,#ef4444,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stm-select-header p{color:#ffffffa6;max-width:500px;margin:0 auto;line-height:1.6}.stm-subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-10)}.stm-subject-card{background:#ffffff0f;border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-align:center;color:#fff;font-family:inherit;font-size:inherit}.stm-subject-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #0000004d}.stm-subj-icon{font-size:2.2rem}.stm-subj-name{font-weight:700;font-size:var(--text-base)}.stm-subj-count{font-size:var(--text-xs);color:#fff6;text-transform:uppercase;letter-spacing:.05em}.stm-rules{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);padding:var(--space-6)}.stm-rules h3{font-family:Patrick Hand,cursive;font-size:var(--text-xl);margin-bottom:var(--space-4);color:#ffffffe6}.stm-rules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.stm-rules li{color:#ffffffa6;line-height:1.5;font-size:var(--text-sm)}.stm-rules strong{color:#fffffff2}.stm-header{background:#fff;padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.stm-home-btn{background:#e8f4fd;color:#1a8cd8;font-weight:700;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;transition:background .2s}.stm-home-btn:hover{background:#d0eafa}.stm-header-center{flex:1;text-align:center;min-width:0}.stm-header-title{font-family:Patrick Hand,cursive;font-size:clamp(.9rem,2.5vw,1.4rem);font-weight:800;color:#ef4444;margin:0}.stm-header-sub{font-size:11px;color:#7f8c8d;margin:2px 0 0}.stm-header-stats{display:flex;gap:var(--space-4);align-items:center}.stm-hs-item{display:flex;flex-direction:column;align-items:center;gap:1px}.stm-hs-val{font-weight:800;font-size:var(--text-lg);color:#333;font-variant-numeric:tabular-nums}.stm-hs-label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.04em}.stm-hs-timer .stm-hs-val{color:#ef4444}.stm-progress-bar{padding:var(--space-2) var(--space-5);background:#fff;border-bottom:1px solid #eee}.stm-progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.stm-progress-label{font-size:var(--text-sm);font-weight:700;color:#555}.stm-streak-badge{background:#fef3c7;color:#d97706;font-weight:800;font-size:12px;padding:2px 10px;border-radius:var(--radius-full);animation:stmPop .3s ease}@keyframes stmPop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stm-progress-track{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.stm-progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);border-radius:3px;transition:width .4s ease}.stm-game-area{max-width:700px;margin:0 auto;padding:var(--space-4)}.stm-question-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 2px 16px #0000000f;border:1px solid #e5e7eb}.stm-topic-badge{background:#f0f4ff;color:#4f6adb;font-size:11px;font-weight:700;padding:3px 12px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;display:inline-block;margin-bottom:var(--space-4)}.stm-question-text{font-size:var(--text-lg);font-weight:600;line-height:1.5;color:#1a1a2e;margin-bottom:var(--space-5)}.stm-student-card{background:#f8f9fc;border:2px solid #E5E7EB;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);transition:all .3s ease;position:relative}.stm-student-card.stm-student-right{border-color:#10b981;background:#ecfdf5}.stm-student-card.stm-student-wrong{border-color:#ef4444;background:#fef2f2}.stm-student-label{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:#888;margin-bottom:var(--space-2)}.stm-student-avatar{font-size:1.2rem}.stm-student-answer{font-size:var(--text-base);font-weight:700;color:#333;font-style:italic;line-height:1.5;margin:0}.stm-verdict-badge{display:inline-block;margin-top:var(--space-3);padding:3px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:700;animation:stmSlideUp .3s ease}.stm-verdict-right{background:#d1fae5;color:#065f46}.stm-verdict-wrong{background:#fee2e2;color:#991b1b}.stm-judge-section{text-align:center}.stm-judge-prompt{font-weight:700;color:#555;margin-bottom:var(--space-4);font-size:var(--text-base)}.stm-judge-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.stm-btn-correct,.stm-btn-wrong{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-radius:var(--radius-xl);border:2px solid;cursor:pointer;font-weight:700;font-size:var(--text-base);font-family:inherit;transition:all .2s ease}.stm-btn-correct{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.stm-btn-correct:hover{background:#d1fae5;border-color:#6ee7b7;transform:translateY(-2px);box-shadow:0 4px 14px #10b98133}.stm-btn-wrong{background:#fef2f2;border-color:#fecaca;color:#991b1b}.stm-btn-wrong:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 14px #ef444433}.stm-btn-icon{font-size:1.8rem}.stm-correct-section{animation:stmSlideUp .3s ease}@keyframes stmSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.stm-correct-prompt{font-weight:700;color:#10b981;margin-bottom:var(--space-4);font-size:var(--text-base)}.stm-correct-options{display:flex;flex-direction:column;gap:var(--space-2)}.stm-correct-opt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s;text-align:left;font-family:inherit;font-size:var(--text-sm);color:#333;line-height:1.4}.stm-correct-opt:hover{border-color:#c5cad0;background:#fafafa;transform:translate(4px)}.stm-opt-letter{width:28px;height:28px;border-radius:50%;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.stm-opt-text{flex:1;font-weight:500}.stm-feedback-section{animation:stmSlideUp .3s ease}.stm-feedback-msg{padding:var(--space-4);border-radius:var(--radius-xl);font-weight:600;font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.stm-fb-success{background:#d1fae5;color:#065f46}.stm-fb-fail{background:#fee2e2;color:#991b1b}.stm-explanation{margin-bottom:var(--space-4)}.stm-explain-toggle{background:none;border:none;cursor:pointer;color:#3b82f6;font-weight:600;font-size:var(--text-sm);padding:0;font-family:inherit;transition:color .2s}.stm-explain-toggle:hover{color:#2563eb}.stm-explain-text{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);background:#f0f4ff;border-radius:var(--radius-lg);color:#4f6adb;font-size:var(--text-sm);line-height:1.6}.stm-btn-next{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:var(--space-4);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 14px #ef444440}.stm-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.stm-finish-wrap{display:flex;align-items:center;justify-content:center;min-height:90vh;padding:var(--space-6)}.stm-finish-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8) var(--space-6);box-shadow:0 4px 24px #00000014;border:1px solid #e5e7eb;text-align:center;max-width:600px;width:100%}.stm-finish-emoji{font-size:3.5rem;display:block;margin-bottom:var(--space-3)}.stm-finish-card h2{font-family:Patrick Hand,cursive;font-size:2rem;margin:0 0 var(--space-2);color:#1a1a2e}.stm-finish-sub{color:#666;font-size:var(--text-sm);margin-bottom:var(--space-6)}.stm-finish-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stm-fstat{display:flex;flex-direction:column;align-items:center;gap:2px}.stm-fstat-val{font-weight:800;font-size:1.4rem;color:#ef4444;font-family:Patrick Hand,cursive}.stm-fstat-big{font-size:2rem}.stm-fstat-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.04em}.stm-finish-breakdown{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.stm-fb-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:13px;font-weight:600}.stm-fb-icon{font-size:1rem}.stm-fb-count{font-weight:800}.stm-fb-good{background:#d1fae5;color:#065f46}.stm-fb-ok{background:#dbeafe;color:#1e40af}.stm-fb-bad{background:#fee2e2;color:#991b1b}.stm-review-section{text-align:left;margin:var(--space-6) 0;border-top:1px solid #eee;padding-top:var(--space-4)}.stm-review-title{font-family:Patrick Hand,cursive;font-size:var(--text-base);color:#555;margin:0 0 var(--space-4)}.stm-review-item{padding:var(--space-4);background:#fafbfc;border-radius:var(--radius-lg);margin-bottom:var(--space-3);border:1px solid #eee}.stm-review-q{font-weight:600;font-size:var(--text-sm);color:#333;margin:0 0 var(--space-2);line-height:1.5}.stm-review-student{font-size:13px;color:#888;margin:0 0 var(--space-2)}.stm-review-student strong{color:#ef4444}.stm-review-correct{font-size:13px;color:#065f46;margin:0 0 var(--space-2)}.stm-review-correct strong{color:#10b981}.stm-review-explain{font-size:12px;color:#4f6adb;background:#f0f4ff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0 0;line-height:1.5}.stm-btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:var(--space-3) var(--space-8);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all .2s;font-family:inherit;box-shadow:0 4px 14px #ef44444d}.stm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.stm-btn-secondary{background:#fff;color:#555;border:1px solid #ddd;padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:all .2s;font-family:inherit;text-decoration:none;display:inline-block}.stm-btn-secondary:hover{background:#f5f5f5}.stm-finish-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}@media(max-width:600px){.stm-header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.stm-header-title{font-size:.85rem}.stm-header-sub{display:none}.stm-hs-val{font-size:var(--text-base)}.stm-progress-bar{padding:var(--space-2) var(--space-3)}.stm-game-area{padding:var(--space-3)}.stm-question-card{padding:var(--space-4)}.stm-question-text{font-size:var(--text-base);margin-bottom:var(--space-4)}.stm-student-card{padding:var(--space-3) var(--space-4)}.stm-judge-buttons{gap:var(--space-2)}.stm-btn-correct,.stm-btn-wrong{padding:var(--space-4) var(--space-3);font-size:var(--text-sm)}.stm-btn-icon{font-size:1.4rem}.stm-correct-opt{padding:var(--space-2) var(--space-3);font-size:12px}.stm-opt-letter{width:24px;height:24px;font-size:10px}.stm-finish-card{padding:var(--space-6) var(--space-4)}.stm-finish-emoji{font-size:2.5rem}.stm-finish-card h2{font-size:1.5rem}.stm-fstat-val{font-size:1.2rem}.stm-finish-breakdown{gap:var(--space-2)}.stm-fb-item{font-size:11px;padding:var(--space-1) var(--space-3)}.stm-finish-actions{flex-direction:column;align-items:center}.stm-select-screen{padding:var(--space-5) var(--space-4)}.stm-subject-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stm-subject-card{padding:var(--space-4) var(--space-3)}.stm-subj-icon{font-size:1.6rem}.stm-subj-name{font-size:var(--text-sm)}}@media(max-width:380px){.stm-question-text,.stm-student-answer{font-size:var(--text-sm)}.stm-judge-buttons{grid-template-columns:1fr}.stm-correct-opt{padding:6px 8px;font-size:11px;gap:var(--space-2)}.stm-opt-letter{width:20px;height:20px;font-size:9px}.stm-fb-item{font-size:10px}}:root{--pay-primary: #2563eb;--pay-primary-hover: #1d4ed8;--pay-primary-light: #eff6ff;--pay-success: #059669;--pay-success-light: #ecfdf5;--pay-warning: #d97706;--pay-warning-light: #fffbeb;--pay-danger: #dc2626;--pay-danger-light: #fef2f2;--pay-gray-50: #f9fafb;--pay-gray-100: #f3f4f6;--pay-gray-200: #e5e7eb;--pay-gray-300: #d1d5db;--pay-gray-500: #6b7280;--pay-gray-700: #374151;--pay-gray-900: #111827;--pay-radius: 16px;--pay-radius-sm: 10px;--pay-shadow: 0 4px 24px rgba(0, 0, 0, .06);--pay-shadow-lg: 0 12px 40px rgba(0, 0, 0, .1);--pay-transition: .25s cubic-bezier(.4, 0, .2, 1)}.donate-page{min-height:100vh;background:var(--pay-gray-50)}.donate-hero{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);padding:80px 24px 60px;text-align:center;position:relative;overflow:hidden}.donate-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5l5 10 10 2-7 7 2 10-10-5-10 5 2-10-7-7 10-2z' fill='%23ffffff' fill-opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}.donate-hero-content{max-width:640px;margin:0 auto;position:relative;z-index:1}.donate-badge{display:inline-block;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 18px;border-radius:24px;font-size:.875rem;font-weight:600;margin-bottom:16px}.donate-hero h1{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.02em}.donate-hero p{font-size:1.1rem;color:#ffffffe6;line-height:1.6}.donate-main{padding:48px 24px 80px}.donate-container{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.donate-impact h2{font-size:1.5rem;font-weight:700;color:var(--pay-gray-900);margin-bottom:24px}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.impact-card{background:#fff;border-radius:var(--pay-radius);padding:24px;text-align:center;box-shadow:var(--pay-shadow);transition:transform var(--pay-transition),box-shadow var(--pay-transition)}.impact-card:hover{transform:translateY(-4px);box-shadow:var(--pay-shadow-lg)}.impact-icon{font-size:2rem;margin-bottom:8px}.impact-number{font-size:1.75rem;font-weight:800;color:var(--pay-primary);margin-bottom:4px}.impact-label{font-size:.85rem;color:var(--pay-gray-500);font-weight:500}.donate-form-wrapper{position:sticky;top:100px}.donate-form{background:#fff;border-radius:var(--pay-radius);padding:36px;box-shadow:var(--pay-shadow-lg);border:1px solid var(--pay-gray-200)}.donate-form h2{font-size:1.4rem;font-weight:700;color:var(--pay-gray-900);margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--pay-gray-700);margin-bottom:8px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amount-btn{padding:14px 8px;border:2px solid var(--pay-gray-200);border-radius:var(--pay-radius-sm);background:#fff;color:var(--pay-gray-700);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--pay-transition)}.amount-btn:hover{border-color:var(--pay-primary);color:var(--pay-primary);background:var(--pay-primary-light)}.amount-btn.active{border-color:var(--pay-primary);background:var(--pay-primary);color:#fff;transform:scale(1.02)}.amount-input-wrapper{display:flex;align-items:center;border:2px solid var(--pay-gray-200);border-radius:var(--pay-radius-sm);overflow:hidden;transition:border-color var(--pay-transition)}.amount-input-wrapper:focus-within{border-color:var(--pay-primary)}.currency-label{padding:12px 16px;background:var(--pay-gray-100);color:var(--pay-gray-700);font-weight:700;font-size:.9rem;border-right:2px solid var(--pay-gray-200)}.amount-input{flex:1;border:none;padding:12px 16px;font-size:1.1rem;font-weight:600;outline:none;background:transparent}.form-input,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--pay-gray-200);border-radius:var(--pay-radius-sm);font-size:.95rem;color:var(--pay-gray-700);outline:none;transition:border-color var(--pay-transition);font-family:inherit;box-sizing:border-box}.form-input:focus,.form-textarea:focus{border-color:var(--pay-primary)}.form-textarea{resize:vertical;min-height:80px}.donate-error{background:var(--pay-danger-light);color:var(--pay-danger);padding:12px 16px;border-radius:var(--pay-radius-sm);font-size:.9rem;font-weight:500;margin-bottom:16px;border:1px solid rgba(220,38,38,.2)}.donate-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--pay-radius-sm);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--pay-transition);letter-spacing:.02em}.donate-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 24px #d9770659}.donate-submit-btn:disabled{opacity:.6;cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.donate-secure-note{text-align:center;font-size:.8rem;color:var(--pay-gray-500);margin-top:16px}.store-page{min-height:100vh;background:var(--pay-gray-50)}.store-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--pay-gray-500)}.store-loading-spinner{width:40px;height:40px;border:4px solid var(--pay-gray-200);border-top-color:var(--pay-primary);border-radius:50%;animation:spin .8s linear infinite}.store-hero{background:linear-gradient(135deg,#2563eb,#1d4ed8,#1e40af);padding:80px 24px 60px;text-align:center;position:relative;overflow:hidden}.store-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='3' fill='%23ffffff' fill-opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}.store-hero-content{max-width:640px;margin:0 auto;position:relative;z-index:1}.store-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:6px 18px;border-radius:24px;font-size:.875rem;font-weight:600;margin-bottom:16px}.store-hero h1{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.02em}.store-hero p{font-size:1.1rem;color:#ffffffd9;line-height:1.6}.store-filters{padding:24px;background:#fff;border-bottom:1px solid var(--pay-gray-200);position:sticky;top:0;z-index:10}.filter-bar{max-width:1100px;margin:0 auto;display:flex;gap:10px;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid var(--pay-gray-200);border-radius:50px;background:#fff;color:var(--pay-gray-700);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--pay-transition)}.filter-btn:hover{border-color:var(--pay-primary);color:var(--pay-primary)}.filter-btn.active{background:var(--pay-primary);border-color:var(--pay-primary);color:#fff}.store-content{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.store-error{background:var(--pay-danger-light);color:var(--pay-danger);padding:14px 20px;border-radius:var(--pay-radius-sm);margin-bottom:24px;font-weight:500}.store-empty{text-align:center;padding:80px 24px;color:var(--pay-gray-500);font-size:1.1rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.product-card{background:#fff;border-radius:var(--pay-radius);border:1px solid var(--pay-gray-200);box-shadow:var(--pay-shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--pay-transition),box-shadow var(--pay-transition)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--pay-shadow-lg)}.product-card-header{padding:20px 24px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.product-type-badge{display:inline-block;background:var(--pay-primary-light);color:var(--pay-primary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.product-popular-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.product-card-body{padding:20px 24px;flex:1}.product-name{font-size:1.25rem;font-weight:700;color:var(--pay-gray-900);margin-bottom:10px}.product-description{font-size:.9rem;color:var(--pay-gray-500);line-height:1.5;margin-bottom:20px}.product-features{display:flex;flex-direction:column;gap:8px}.feature{font-size:.875rem;color:var(--pay-success);font-weight:500}.product-card-footer{padding:20px 24px;border-top:1px solid var(--pay-gray-100);display:flex;align-items:center;justify-content:space-between;gap:16px}.product-price{display:flex;align-items:baseline;gap:4px}.price-currency{font-size:.9rem;font-weight:600;color:var(--pay-gray-500)}.price-amount{font-size:1.75rem;font-weight:800;color:var(--pay-gray-900)}.purchase-btn{padding:12px 28px;background:var(--pay-primary);color:#fff;border:none;border-radius:var(--pay-radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--pay-transition);white-space:nowrap}.purchase-btn:hover:not(:disabled){background:var(--pay-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.purchase-btn:disabled{opacity:.6;cursor:not-allowed}.store-trust{background:#fff;border-top:1px solid var(--pay-gray-200);padding:40px 24px}.trust-items{max-width:900px;margin:0 auto;display:flex;justify-content:center;flex-wrap:wrap;gap:40px}.trust-item{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;color:var(--pay-gray-700)}.trust-icon{font-size:1.5rem}.payment-status-page{min-height:100vh;background:var(--pay-gray-50);display:flex;align-items:center;justify-content:center;padding:40px 24px}.status-loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--pay-gray-500)}.status-loading-spinner{width:48px;height:48px;border:4px solid var(--pay-gray-200);border-top-color:var(--pay-primary);border-radius:50%;animation:spin .8s linear infinite}.payment-status-container{width:100%;max-width:560px}.status-card{background:#fff;border-radius:var(--pay-radius);padding:48px 36px;text-align:center;box-shadow:var(--pay-shadow-lg);border:1px solid var(--pay-gray-200)}.status-icon-wrapper{margin-bottom:20px}.status-icon{font-size:4rem;display:inline-block;animation:statusBounce .6s ease-out}@keyframes statusBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.status-card.status-success{border-top:4px solid var(--pay-success)}.status-card.status-pending{border-top:4px solid var(--pay-warning)}.status-card.status-failed{border-top:4px solid var(--pay-danger)}.status-title{font-size:1.75rem;font-weight:800;color:var(--pay-gray-900);margin-bottom:12px}.status-subtitle{font-size:1rem;color:var(--pay-gray-500);line-height:1.6;margin-bottom:28px}.status-details{background:var(--pay-gray-50);border-radius:var(--pay-radius-sm);padding:20px;margin-bottom:28px;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--pay-gray-200)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:.85rem;color:var(--pay-gray-500);font-weight:500}.detail-value{font-size:.9rem;color:var(--pay-gray-900);font-weight:700;word-break:break-all;text-align:right;max-width:60%}.status-error{color:var(--pay-danger);font-size:.9rem;margin-bottom:16px}.status-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.status-action-btn{padding:14px 28px;border-radius:var(--pay-radius-sm);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--pay-transition);text-decoration:none;display:inline-block;border:none}.status-action-btn.primary{background:var(--pay-primary);color:#fff}.status-action-btn.primary:hover{background:var(--pay-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb4d}.status-action-btn.secondary{background:var(--pay-gray-100);color:var(--pay-gray-700)}.status-action-btn.secondary:hover{background:var(--pay-gray-200)}@media(max-width:768px){.donate-hero{padding:60px 16px 40px}.donate-hero h1,.store-hero h1{font-size:1.8rem}.donate-container{grid-template-columns:1fr;gap:32px}.donate-form-wrapper{position:static}.donate-form{padding:24px}.amount-grid{grid-template-columns:repeat(2,1fr)}.impact-grid{grid-template-columns:1fr 1fr;gap:12px}.store-hero{padding:60px 16px 40px}.products-grid{grid-template-columns:1fr}.filter-bar{gap:8px}.filter-btn{padding:8px 14px;font-size:.8rem}.trust-items{gap:20px}.trust-item{font-size:.85rem}.status-card{padding:32px 20px}.status-title{font-size:1.4rem}.status-icon{font-size:3rem}}@media(max-width:480px){.amount-grid{grid-template-columns:repeat(2,1fr)}.product-card-footer{flex-direction:column;align-items:stretch}.product-price{justify-content:center}.purchase-btn{width:100%;text-align:center}}