:root{--purple-700: #2D1B8C;--purple-600: #4A36E0;--purple-500: #6C56F5;--purple-300: #B9A9FF;--purple-100: #E8E2FF;--yellow: #F9C63D;--yellow-soft:#FFE08A;--pink: #FFB6C8;--pink-soft: #FFD6E0;--peach: #FFC4A3;--peach-soft: #FFE0CE;--mint: #7DD9B0;--mint-soft: #BEEAD5;--blue: #8EC5F5;--blue-soft: #CCE3F8;--coral: #FF7A6B;--coral-soft: #FFD0C8;--lavender: #B9A9FF;--lavender-soft:#E8E2FF;--rose: #E86A8F;--sky: #6BB8ED;--grape: #4A36E0;--cream: #FFF4E4;--ivory: #F8F4FF;--paper: #FFFFFF;--ink: #14104A;--ink-soft: #6556A8;--line: rgba(20,16,74,.08);--font-display: "Fredoka", "Nunito", sans-serif;--font-body: "Nunito", system-ui, sans-serif;--purple: #4A36E0;--purple2: #6C56F5;--purple3: #B9A9FF;--purple-dark: #2D1B8C;--green: #2ECC71;--red: #E74C3C;--gold: #F9C63D;--silver: #BDC3C7;--bronze: #CD7F32;--bg: #F8F4FF;--white: #FFFFFF;--text: #14104A;--text2: #6556A8}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{background:var(--purple-700)}body{font-family:var(--font-body);background:var(--ivory);color:var(--ink);font-weight:500;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block;max-width:100%}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;line-height:1.05}.hw-it{font-family:Fraunces,Playfair Display,Georgia,serif;font-style:italic;font-weight:500;color:var(--purple-600)}.how-title .hw-it{color:var(--white)}.lb-section .hw-it{color:var(--purple-600)}.ibubble{width:56px;height:56px;border-radius:999px;display:grid;place-items:center;flex-shrink:0}.ibubble svg{width:28px;height:28px;stroke-width:1.8}.nav{position:sticky;top:0;z-index:50;background:#f8f4ffe0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:background .25s ease,box-shadow .25s ease,border-color .25s ease,padding .25s ease;animation:navSlideDown .55s cubic-bezier(.34,1.56,.64,1) both}.nav.is-scrolled{background:#f8f4fff5;box-shadow:0 8px 24px -16px #2d1b8c59;border-bottom-color:transparent}.nav.is-scrolled .nav-inner{padding-top:10px;padding-bottom:10px}.nav.is-scrolled .logo-img{height:38px}.nav-inner,.logo-img{transition:padding .25s ease,height .25s ease}@keyframes navSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.nav-inner{max-width:1280px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--purple-700);letter-spacing:-.01em}.logo-img{height:44px;width:auto;display:block}.logo .mark{width:38px;height:38px;border-radius:12px;background:var(--yellow);display:grid;place-items:center;position:relative;transform:rotate(-8deg);box-shadow:0 4px #1f144514}.logo .mark svg{width:22px;height:22px;color:var(--purple-700)}.nav-links{display:flex;align-items:center;gap:28px;font-weight:600;font-size:15px;color:var(--ink-soft)}.nav-links a{transition:color .18s}.nav-links a:not(.nav-cta):hover{color:var(--purple-600)}.nav-profile{width:38px;height:38px;border-radius:999px;background:var(--purple-100);color:var(--purple-700);display:grid;place-items:center;font-size:18px;line-height:1;transition:background .2s,transform .2s;text-decoration:none}.nav-profile:hover{background:var(--purple-300);transform:scale(1.06);text-decoration:none}.nav-class{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;transition:background .2s,transform .2s}.nav-class:hover{background:#ffd15a;transform:translateY(-1px);text-decoration:none;color:var(--ink)}.mobile-class-link{background:var(--yellow)!important;color:var(--ink)!important;border-radius:12px;text-align:center;font-weight:700}.nav-cta{background:var(--purple-700);color:#fff;padding:10px 20px 10px 12px;border-radius:999px;font-weight:600;font-family:var(--font-display);font-size:15px;display:flex;align-items:center;gap:10px;transition:transform .2s,background .2s}.nav-cta:hover{background:var(--purple-600);color:#fff;transform:translateY(-2px)}.nav-cta .arr{width:26px;height:26px;border-radius:999px;background:var(--yellow);color:var(--purple-700);display:grid;place-items:center}.nav-cta .arr svg{width:14px;height:14px;stroke-width:2.4}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:6px;border-radius:10px;transition:background .2s}.hamburger:hover{background:var(--purple-100)}.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:flex;flex-direction:column;padding:12px 20px 20px;gap:4px;border-top:1px solid var(--line);background:#f8f4fff7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu a{padding:12px 16px;border-radius:14px;font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink-soft);transition:background .15s,color .15s}.mobile-menu a:hover{background:var(--purple-100);color:var(--purple-700)}.mobile-menu .mobile-cta{margin-top:8px;background:var(--purple-700);color:#fff;text-align:center;border-radius:999px;padding:14px 20px;font-size:16px}.mobile-menu .mobile-cta:hover{background:var(--purple-600)}.hero{position:relative;padding:56px 0 40px;background:#fcfaff}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;max-width:1280px;margin:0 auto;padding:0 32px}.hero h1{font-size:clamp(36px,5.2vw,72px);color:var(--ink);margin:14px 0 20px;line-height:1.05}.hero h1 .wav{font-family:Fraunces,Playfair Display,Georgia,serif;font-style:italic;font-weight:500;color:var(--purple-600)}.hero h1 .hlA,.hero h1 .hlB{display:inline;white-space:nowrap;padding:0 4px;background-repeat:no-repeat;background-position:0 88%;background-size:100% 42%}.hero h1 .hlA{background-image:linear-gradient(transparent 0,var(--yellow) 0)}.hero h1 .hlB{background-image:linear-gradient(transparent 0,var(--pink) 0)}.kicker{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:500;font-size:11px;color:var(--purple-600);letter-spacing:.05em;text-transform:uppercase;background:var(--purple-100);padding:5px 11px;border-radius:999px}.kicker .dot{width:6px;height:6px;border-radius:999px;background:var(--coral);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.hero-sub{font-size:16px;color:var(--ink-soft);max-width:500px;margin-bottom:32px;font-weight:500;line-height:1.55}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.btn,.nav-cta,.grades-cta,.program-cta{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1;height:52px;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s,color .2s}.nav-cta{height:44px;padding:12px 20px;font-size:15px}.btn .arr,.nav-cta .arr,.grades-cta .arr,.program-cta .arr{width:26px;height:26px;border-radius:999px;display:grid;place-items:center}.btn .arr svg,.nav-cta .arr svg,.grades-cta .arr svg,.program-cta .arr svg{width:14px;height:14px;stroke-width:2.6}.btn-primary{background:var(--purple-700);color:#fff}.btn-primary:hover{background:var(--purple-600);transform:translateY(-2px)}.btn-primary:active{transform:translateY(2px)}.btn-primary .arr{width:28px;height:28px;border-radius:999px;background:var(--yellow);color:var(--purple-700);display:grid;place-items:center}.btn-primary .arr svg{width:14px;height:14px;stroke-width:2.6}.btn-ghost{background:#fff;color:var(--purple-700);border:2px solid var(--purple-100)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--purple-300)}.hero-stats{display:flex;gap:28px;flex-wrap:wrap;padding-top:24px;border-top:1.5px dashed var(--purple-100)}.hero-stat .n{font-family:var(--font-display);font-weight:600;font-size:32px;color:var(--purple-700);line-height:1}.hero-stat .n span{color:var(--coral)}.hero-stat .l{font-size:13px;font-weight:600;color:var(--ink-soft);margin-top:4px}.hero-visual{position:relative;aspect-ratio:1/1.05}.hv-photo{position:absolute;top:6%;right:10%;bottom:10%;left:10%;border-radius:50%;overflow:hidden;background:var(--lavender);box-shadow:0 20px 60px #4b2aa838,inset 0 0 0 10px #fff,inset 0 0 0 14px var(--yellow);animation:bobFloat 6s ease-in-out infinite}.hv-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}@keyframes bobFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hv-orbit{position:absolute;top:2%;right:6%;bottom:6%;left:6%;border-radius:50%;border:2px dashed var(--purple-300);opacity:.6;animation:spinSlow 40s linear infinite}.hv-orbit:before,.hv-orbit:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%}.hv-orbit:before{top:-9px;left:50%;transform:translate(-50%);background:var(--coral)}.hv-orbit:after{bottom:-9px;left:50%;transform:translate(-50%);background:var(--mint)}.float-shape{position:absolute;pointer-events:none;display:block;height:auto;object-fit:contain;animation:floaty 6s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-18px) rotate(calc(var(--r,0deg) + 6deg))}}@keyframes spinSlow{to{transform:rotate(360deg)}}.fs-star{color:var(--yellow);--r:-10deg;filter:drop-shadow(0 8px 12px rgba(255,201,60,.35))}.fs-circle{background:var(--mint);border-radius:999px;--r:0deg}.fs-ring{border:6px solid var(--coral);border-radius:999px;--r:0deg;background:transparent}.fs-squiggle{color:var(--purple-500);--r:5deg}.deco-1{top:2%;left:0%;width:70px;height:70px;animation-delay:0s}.deco-2{top:15%;right:0%;width:60px;height:60px;animation-delay:1.2s}.deco-3{bottom:10%;right:2%;width:80px;animation-delay:.6s}.deco-4{bottom:2%;left:6%;width:90px;animation-delay:1.8s}.deco-5{top:40%;left:-3%;width:70px;animation-delay:.9s}.deco-6{top:60%;right:-2%;width:50px;height:50px;animation-delay:2.2s}.hv-badge{position:absolute;background:#fff;border-radius:10px;padding:14px 16px;box-shadow:0 12px 30px #1f144526;display:flex;align-items:center;gap:12px;z-index:3;animation:bobIn 1s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes bobIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1}}.hv-badge.b1{bottom:14%;left:-4%;animation:bobIn 1s cubic-bezier(.34,1.56,.64,1) backwards,floaty 5s ease-in-out infinite .6s}.hv-badge.b2{top:10%;right:-2%;animation:bobIn 1s cubic-bezier(.34,1.56,.64,1) backwards,floaty 5.5s ease-in-out infinite .4s}.hv-badge .ibubble{width:40px;height:40px}.hv-badge .ibubble svg{width:20px;height:20px}.hv-badge .t{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink);line-height:1.1}.hv-badge .s{font-size:11px;font-weight:700;color:var(--ink-soft)}.strip{background:var(--purple-700);padding:18px 24px;overflow:hidden}.strip-track{display:flex;gap:48px;animation:marquee 28s linear infinite;white-space:nowrap;width:max-content}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.strip-item{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:18px;color:#fff}.strip-item svg{width:22px;height:22px;color:var(--yellow)}.program{position:relative;padding:72px 32px 96px;max-width:1280px;margin:0 auto}.program-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:40px;max-width:720px}.program-head--wide,.program-head--wide .program-sub{max-width:none}.program-head .eyebrow{margin:0}.program-title{font-family:var(--font-display);font-weight:600;font-size:clamp(40px,5vw,60px);line-height:1.02;letter-spacing:-.02em;color:var(--ink)}.program-sub{color:var(--ink-soft);font-weight:500;font-size:17px;line-height:1.45;max-width:560px;margin:0}.program-title .it{font-family:Fraunces,Playfair Display,Georgia,serif;font-style:italic;font-weight:500;color:var(--purple-600);display:inline-block}.program-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.p-card{position:relative;border-radius:10px;padding:18px 18px 20px;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:hidden;isolation:isolate;transition:transform .3s ease;cursor:pointer}.p-card:hover{transform:translateY(-6px)}.p-card.v1,.p-card.v2,.p-card.v3,.p-card.v-pink{background:var(--purple-100);color:var(--ink)}.p-card.selected{background:var(--yellow);color:var(--ink)}.p-badge{width:40px;height:40px;position:relative;display:grid;place-items:center;margin-bottom:80px;z-index:2}.p-badge svg.flower{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.p-badge .icon{position:relative;width:26px;height:26px;z-index:1}.p-card .p-badge svg.flower{fill:var(--purple-100);stroke:var(--ink)}.p-card .p-badge .icon{stroke:var(--ink)}.p-card.selected .p-badge svg.flower{fill:var(--yellow);stroke:var(--ink)}.p-deco{position:absolute;top:18px;right:18px;width:200px;height:200px;z-index:1;pointer-events:none}.p-title{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.1;margin:0;z-index:2}.p-title .it{display:inline;margin-left:6px;font-family:Fraunces,Playfair Display,Georgia,serif;font-style:italic;font-weight:500}.p-desc{font-size:13px;line-height:1.5;opacity:.86;max-width:300px;z-index:2}.p-age{align-self:flex-start;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:12px;padding:4px 10px;border-radius:999px;white-space:nowrap}.p-current{position:absolute;top:22px;left:22px;z-index:3;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:600;font-size:12px;padding:6px 12px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.p-meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin:0;z-index:2}.p-meta span{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:500;font-size:12px;opacity:.78}.p-meta svg{width:13px;height:13px;stroke-width:2}.p-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 14px 12px 20px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:14px;height:44px;align-self:flex-start;margin-top:auto;z-index:2;cursor:pointer;transition:transform .2s,background .2s;white-space:nowrap}.p-card .p-cta{background:#fff;color:var(--ink)}.p-card:hover .p-cta{transform:translateY(-2px)}.p-cta .arr{width:24px;height:24px;border-radius:999px;background:var(--yellow);display:grid;place-items:center;color:var(--ink)}.p-cta .arr svg{width:12px;height:12px;stroke-width:2.6}.p-card .p-deco.spin{animation:pSpin 28s linear infinite;transform-origin:50% 50%}.p-card .p-deco.bob{animation:pBob 4.2s ease-in-out infinite}@keyframes pSpin{to{transform:rotate(360deg)}}@keyframes pBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.p-card.current{outline:none}.p-card.selected{transform:translateY(-6px);box-shadow:0 18px 38px -18px #14104a8c}.grade-slider{position:relative;margin-bottom:12px}.grade-slider-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scroll-padding-inline:12px;padding:8px 8px 24px;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none}.grade-slider-track:active,.grade-slider-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.grade-slider-track.dragging .grade-card{transition:none}.grade-slider-track::-webkit-scrollbar{display:none}@supports (animation-timeline: view()){.grade-card{animation:cardEnter linear both;animation-timeline:view(inline);animation-range:cover 0% cover 100%}@keyframes cardEnter{0%{opacity:.55;scale:.88}50%{opacity:1;scale:1}to{opacity:.55;scale:.88}}}.grade-card{position:relative;flex:0 0 calc((100% - 40px) / 3);min-width:260px;min-height:440px;scroll-snap-align:start;background:var(--grade-color,var(--purple-100));border:1px solid rgba(20,16,74,.06);border-radius:10px;overflow:hidden;cursor:pointer;text-align:left;font-family:var(--font-display);color:var(--ink);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;display:flex;flex-direction:column;padding:24px 24px 0}.grade-card:hover{transform:translateY(-12px) rotate(-1.2deg);box-shadow:0 12px 22px -16px #14104a2e}.grade-card:hover .grade-card-fig{transform:translateY(-6px) rotate(2deg) scale(1.04)}.grade-card.coming-soon .grade-card-name,.grade-card.coming-soon .grade-card-desc{opacity:.85}.grade-card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;z-index:1}.grade-card-age{background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;letter-spacing:.02em}.grade-card-soon{background:var(--ink);color:#fff;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;letter-spacing:.02em}.grade-card-check{margin-left:auto;width:32px;height:32px;background:var(--ink);color:var(--yellow);border-radius:999px;display:grid;place-items:center;flex-shrink:0}.grade-card-check svg{width:18px;height:18px}.grade-card-name{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;line-height:1.1;color:var(--ink);position:relative;z-index:1}.grade-card-desc{font-size:13.5px;font-weight:500;line-height:1.45;color:var(--ink);opacity:.78;margin:0 0 14px;position:relative;z-index:1}.grade-card-stats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;position:relative;z-index:1}.grade-card-stats span{background:#ffffffa6;color:var(--ink);font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px}.grade-card-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-family:var(--font-display);font-size:13px;font-weight:700;padding:10px 16px 10px 14px;border-radius:999px;margin-top:8px;letter-spacing:.02em;box-shadow:0 8px 18px -10px #14104a80;position:relative;z-index:1;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.grade-card-cta svg{width:14px;height:14px;flex-shrink:0;color:var(--yellow)}.grade-card:hover .grade-card-cta{opacity:1;transform:translateY(0);animation:gradeCtaBounce 1.6s ease-in-out infinite .3s}@media (hover:none){.grade-card-cta{opacity:1;transform:translateY(0)}}@keyframes gradeCtaBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.grade-card-fig{margin-top:auto;width:88%;max-height:200px;object-fit:contain;align-self:center;display:block;padding-top:10px;transition:transform .45s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.grade-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 22px -10px #14104a4d;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .15s,background .15s}.grade-slider-arrow:hover{background:var(--yellow);transform:translateY(-50%) scale(1.06)}.grade-slider-arrow svg{width:20px;height:20px}.grade-slider-arrow.prev{left:-8px}.grade-slider-arrow.next{right:-8px}@media (max-width:900px){.grade-card{flex:0 0 calc((100% - 20px)/2);min-width:240px}.grade-slider-arrow{display:none}}@media (max-width:600px){.grade-card{flex:0 0 82%;min-width:0}.grade-card-top{min-height:120px}.grade-card-emoji{font-size:54px}.grade-card-name{font-size:20px}}.subjects-coming-soon{background:var(--purple-100);border-radius:10px;padding:48px 32px;text-align:center}.subjects-coming-soon .scs-emoji{font-size:56px;display:block;margin-bottom:12px}.subjects-coming-soon h3{font-family:var(--font-display);font-weight:700;font-size:24px;margin:0 0 8px;color:var(--ink)}.subjects-coming-soon p{color:var(--ink-soft);font-weight:500;font-size:15px;max-width:480px;margin:0 auto}.subjects-inline{margin-top:8px}.subjects-inline-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.grade-title{display:flex;align-items:center;gap:16px}.grade-title-fig{width:88px;height:88px;object-fit:contain;flex-shrink:0;display:block}.grade-title-text{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,44px);margin:0;letter-spacing:-.02em;line-height:1.05;color:var(--ink)}.back-to-grades{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1.5px solid var(--line);color:var(--ink);font-family:var(--font-display);font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;margin-left:auto}.back-to-grades:hover{background:var(--cream);border-color:var(--purple-300);transform:translate(-2px)}.back-to-grades svg{width:16px;height:16px}@media (max-width:640px){.grade-title-fig{width:64px;height:64px}}.program-cta{background:transparent;color:var(--purple-600);border:2px solid var(--purple-600)}.program-cta:hover{background:var(--purple-600);color:#fff;transform:translateY(-2px)}.subjects{position:relative;padding:64px 32px;max-width:1280px;margin:0 auto}.subjects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grade-info{margin:0 0 36px}.grade-info h2{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,2.6vw,28px);color:var(--ink);line-height:1.25;margin:0 0 16px}.grade-info-list{list-style:disc;padding-left:22px;margin:0;display:flex;flex-direction:column;gap:10px}.grade-info-list li{font-size:16px;color:var(--ink);line-height:1.55}.grade-info-list li::marker{color:var(--purple-600)}.grade-why{margin:48px auto 0;max-width:720px;text-align:center}.grade-why h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3vw,32px);color:var(--ink);line-height:1.2;margin:0 0 14px}.grade-why p{font-size:17px;line-height:1.7;color:var(--ink);margin:0}@media (max-width:720px){.grade-why{margin-top:32px}}.grade-related-block{margin:32px 0 0;padding:24px 28px;background:linear-gradient(135deg,#fff,var(--lavender-soft));border:1.5px solid var(--line);border-radius:14px}.grade-related-block h3{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink);line-height:1.3;margin:0 0 14px}.grade-related-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.grade-related-links li{margin:0}.grade-related-links a{display:block;padding:14px 18px;background:#fff;border:1.5px solid var(--line);border-radius:10px;color:var(--purple-700);font-family:var(--font-display);font-weight:600;font-size:15px;line-height:1.35;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}.grade-related-links a:hover{transform:translateY(-2px);border-color:var(--purple-300);background:var(--lavender-soft);text-decoration:none;color:var(--purple-700)}@media (max-width:720px){.grade-info{padding:24px 20px;margin-bottom:24px}.grade-info-cols{grid-template-columns:1fr;gap:24px}.grade-related-block{padding:20px}.grade-related-links{grid-template-columns:1fr}}.s-card{position:relative;background:var(--paper);border-radius:10px;padding:26px 22px 22px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden;border:1px solid var(--line);cursor:pointer}.s-card:hover{transform:translateY(-8px)}.s-card .ibubble{margin-bottom:16px;transition:transform .4s}.s-card:hover .ibubble{transform:rotate(-10deg) scale(1.08)}.s-title{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink);margin-bottom:6px;line-height:1.1;letter-spacing:-.01em}.s-count{font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:18px}.s-play{display:inline-flex;align-items:center;justify-content:space-between;padding:10px 12px 10px 18px;background:var(--ink);color:#fff;border-radius:999px;font-family:var(--font-display);font-size:14px;font-weight:500;transition:background .2s}.s-card:hover .s-play{background:var(--purple-600)}.s-play .arr{width:24px;height:24px;background:var(--yellow);color:var(--ink);border-radius:999px;display:grid;place-items:center;transition:transform .2s}.s-play .arr svg{width:12px;height:12px;stroke-width:2.8}.s-card:hover .s-play .arr{transform:translate(3px)}.s-card.c-mat .ibubble{background:var(--purple-100);color:var(--purple-700)}.s-card.c-bel .ibubble{background:var(--pink-soft);color:#c43e6e}.s-card.c-prir .ibubble{background:var(--mint-soft);color:#1e7a52}.s-card.c-obs .ibubble{background:var(--yellow-soft);color:#9b7420}.s-card.c-eng .ibubble{background:var(--blue-soft);color:#1f5fa0}.s-card.c-muz .ibubble{background:var(--pink-soft);color:#c43e6e}.s-card.c-izo .ibubble{background:var(--peach-soft);color:#b5541a}.s-card.c-mix{background:linear-gradient(135deg,var(--purple-700),var(--purple-600));border-color:transparent;color:#fff}.s-card.c-mix .ibubble{background:var(--yellow);color:var(--purple-700)}.s-card.c-mix .s-title{color:#fff}.s-card.c-mix .s-count{color:var(--purple-300)}.s-card.c-mix .s-play{background:var(--yellow);color:var(--purple-700)}.s-card.c-mix .s-play .arr{background:var(--purple-700);color:var(--yellow)}.s-card .card-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;color:var(--purple-300);z-index:0}.s-card>*{position:relative;z-index:1}.s-card.c-mix .card-bg{color:var(--yellow);opacity:.15}.new-chip{position:absolute;top:16px;right:16px;background:var(--coral);color:#fff;font-family:var(--font-display);font-size:10px;font-weight:500;letter-spacing:.08em;padding:4px 10px;border-radius:999px;z-index:2}.how{position:relative;background:var(--purple-100);margin:48px 24px;border-radius:10px;padding:72px 48px;overflow:hidden}.how-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2}.how-header{text-align:center;margin-bottom:48px}.how-title{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,4.4vw,56px);letter-spacing:-.01em;line-height:1.05;margin-bottom:14px;color:var(--ink);max-width:800px;margin-left:auto;margin-right:auto}.how-sub{color:var(--ink-soft);font-weight:500;font-size:17px;max-width:560px;margin:0 auto}.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step}.h-step{background:#fff;border-radius:10px;padding:26px 22px;position:relative;transition:transform .25s}.h-step:hover{transform:translateY(-8px)}.h-num{font-family:var(--font-display);font-weight:500;font-size:12px;letter-spacing:.1em;color:var(--ink-soft);text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px}.h-num:before{content:counter(step,decimal-leading-zero);counter-increment:step;font-weight:700;font-size:13px;font-family:var(--font-display);color:var(--ink-soft)}.h-icon{width:54px;height:54px;border-radius:999px;display:grid;place-items:center;margin-bottom:16px;background:var(--purple-100);color:var(--purple-700)}.h-icon svg{width:28px;height:28px;stroke-width:1.8}.h-step:nth-child(2) .h-icon{background:var(--pink-soft);color:#c43e6e}.h-step:nth-child(3) .h-icon{background:var(--mint-soft);color:#1e7a52}.h-step:nth-child(4) .h-icon{background:var(--peach-soft);color:#b5541a}.h-step h3{font-family:var(--font-display);font-weight:600;font-size:20px;margin-bottom:8px;color:var(--ink)}.h-step p{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.5}.how-deco{position:absolute;pointer-events:none;display:block;height:auto;object-fit:contain}.how-deco.d1{top:40px;left:40px;width:80px;color:var(--yellow)}.how-deco.d2{bottom:60px;right:60px;width:100px;color:var(--coral);opacity:.5}.how-deco.d3{top:50%;right:20px;width:60px;color:var(--mint);animation:spinSlow 20s linear infinite}.how-deco.d4{bottom:40px;left:24%;width:70px;color:var(--pink);opacity:.7}.lb-section{position:relative;padding:24px 32px 32px;max-width:1280px;margin:0 auto;overflow:visible}.lb-floater{position:absolute;pointer-events:none;display:block;width:auto;height:auto;z-index:0}.lb-floater-1{top:-30px;left:3%;height:80px;animation:bandWiggle 8s ease-in-out infinite}.lb-floater-2{bottom:-40px;left:38%;height:96px;animation:bandBob 5s ease-in-out infinite .4s}.lb-floater-3{top:50%;right:-2%;height:72px;animation:bandSpin 28s linear infinite}.lb-section .lb-wrap{position:relative;z-index:1}@media (max-width:720px){.lb-floater-1,.lb-floater-3{display:none}.lb-floater-2{height:60px;bottom:-22px;left:auto;right:6%}}.lb-wrap{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:center}.lb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.lb-chip{padding:8px 14px;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;font-family:var(--font-display);font-weight:500;font-size:13px;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s;cursor:pointer}.lb-chip:hover{background:var(--cream);color:var(--ink);border-color:var(--yellow)}.lb-chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.lb-chip svg{width:14px;height:14px;stroke-width:2}.lb-card{background:var(--paper);border-radius:10px;border:1px solid var(--line);padding:28px}.lb-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lb-card-head h3{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink)}.lb-sync{font-size:12px;font-weight:700;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px}.lb-sync .dot{width:8px;height:8px;background:var(--mint);border-radius:999px;animation:pulse 2s infinite}.podium{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:20px}.pod{background:var(--cream);border-radius:10px;padding:16px 12px 12px;text-align:center;position:relative;transition:transform .3s}.pod:hover{transform:translateY(-4px)}.pod.gold{background:var(--yellow);transform:translateY(-10px)}.pod.gold:hover{transform:translateY(-14px)}.pod.silver{background:var(--purple-100)}.pod.bronze{background:var(--pink-soft)}.pod .crown{font-size:22px;margin-bottom:4px}.pod .pod-avatar{width:46px;height:46px;border-radius:999px;margin:0 auto 8px;background:var(--paper);display:grid;place-items:center;font-size:24px;border:3px solid var(--paper);box-shadow:0 4px #1f144514}.pod .pod-name{font-weight:800;font-size:14px;color:var(--ink);font-family:var(--font-display)}.pod .pod-xp{font-family:var(--font-display);font-weight:500;font-size:13px;color:var(--purple-700);margin-top:2px}.pod .pod-rank{margin-top:8px;font-family:var(--font-display);font-weight:600;font-size:28px;color:var(--ink);opacity:.3}.pod.gold .pod-rank{opacity:.8}.lb-rows{display:flex;flex-direction:column;gap:6px}.lb-row{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;padding:12px 16px;background:var(--ivory);border-radius:10px;font-size:14px;transition:background .15s}.lb-row:hover{background:var(--cream)}.lb-row--loading{grid-template-columns:1fr;justify-items:center;color:var(--ink-soft)}.lb-row .lb-rank{font-family:var(--font-display);font-weight:700;color:var(--ink-soft);font-size:16px;text-align:center}.lb-row-body{display:flex;flex-direction:column;gap:7px;min-width:0}.lb-row-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.lb-row .lb-name{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .lb-xp{font-family:var(--font-display);font-weight:600;color:var(--purple-700);font-size:13px;flex-shrink:0}.lb-bar{height:8px;background:#14104a14;border-radius:999px;overflow:hidden}.lb-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--yellow) 0%,var(--coral) 100%);border-radius:999px;animation:lbBarGrow .8s cubic-bezier(.4,1.3,.5,1) backwards}@keyframes lbBarGrow{0%{width:0!important}}.lb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.lb-tab{background:var(--ivory);border:1.5px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-family:var(--font-display);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.lb-tab:hover{background:var(--cream);color:var(--ink);border-color:var(--yellow)}.lb-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.lb-motivate{margin-top:14px;text-align:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--ink-soft)}.section-head{margin-bottom:40px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:500;font-size:13px;color:var(--purple-600);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}.eyebrow:before{content:"";width:28px;height:3px;background:var(--purple-600);border-radius:3px}.section-title-big{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,5vw,64px);line-height:1.05;letter-spacing:-.015em;color:var(--ink)}.section-sub-big{color:var(--ink-soft);font-weight:500;font-size:17px;max-width:560px}.footer{background:var(--purple-700);color:#fff;padding:64px 32px 28px;position:relative;overflow:hidden}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr 3fr;gap:40px;position:relative;z-index:1}.footer-cols-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.footer .logo{color:#fff;margin-bottom:14px}.footer .logo-img{filter:brightness(0) invert(1)}.footer-brand p{color:#ffffffa6;font-weight:500;font-size:14px;max-width:340px}.footer-social{display:flex;gap:10px;margin-top:14px}.footer-social a{width:36px;height:36px;border-radius:50%;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;color:#ffffffbf;transition:background .2s ease,color .2s ease}.footer-social a:hover{background:var(--yellow);color:var(--purple-700)}.footer-social svg{width:18px;height:18px;display:block}.footer-edu{font-size:12px;font-weight:500;color:#fff6}.footer-col h4{font-family:var(--font-display);font-weight:500;font-size:13px;letter-spacing:.08em;color:var(--yellow);margin-bottom:14px;text-transform:uppercase}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-col a{font-weight:500;font-size:14px;color:#ffffffbf;transition:color .2s}.footer-col a:hover{color:var(--yellow)}.footer-mobile-strip{display:none}.footer-bottom{max-width:1280px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#ffffff8c;flex-wrap:wrap;gap:12px}.footer-deco{position:absolute;right:-60px;bottom:-60px;width:320px;color:var(--purple-300);opacity:.06;pointer-events:none;animation:spinSlow 40s linear infinite}.decor-band{position:relative;height:180px;margin:-20px auto 0;max-width:1400px;overflow:visible;pointer-events:none}.decor-band .band-inner{position:absolute;top:0;right:0;bottom:0;left:0}.decor-band svg,.decor-band img{position:absolute}.decor-band img{display:block;width:auto;height:auto;object-fit:contain}@keyframes bandBob{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes bandSpin{to{transform:rotate(360deg)}}@keyframes bandWiggle{0%,to{transform:rotate(-10deg)}50%{transform:rotate(12deg)}}.decor-band .b1{top:30px;left:5%;height:70px;animation:bandBob 5s ease-in-out infinite}.decor-band .b2{top:90px;left:25%;height:60px;animation:bandSpin 20s linear infinite;transform-origin:50% 50%}.decor-band .b3{top:20px;left:46%;height:80px;animation:bandWiggle 6s ease-in-out infinite;transform-origin:50% 50%}.decor-band .b4{top:80px;left:66%;height:64px;animation:bandBob 4.2s ease-in-out infinite .6s}.decor-band .b5{top:25px;right:5%;height:74px;animation:bandSpin 26s linear infinite reverse;transform-origin:50% 50%}.decor-band .squiggle{position:absolute;top:120px;left:50%;transform:translate(-50%);width:min(900px,80%);height:40px;opacity:.45}.decor-band-bottom{height:120px;margin:0 auto}.decor-band-bottom .b1{top:40px;left:8%;height:54px}.decor-band-bottom .b3{top:14px;left:46%;height:72px}.decor-band-bottom .b5{top:36px;right:8%;left:auto;height:60px}.decor-band-chaos{height:130px;margin:-12px auto 0}.decor-band-chaos .b1{top:6px;left:11%;height:54px;animation:bandWiggle 7s ease-in-out infinite}.decor-band-chaos .b3{top:54px;left:40%;height:72px;animation:bandBob 4.4s ease-in-out infinite .8s}.decor-band-chaos .b5{top:22px;left:auto;right:14%;height:62px;animation:bandSpin 30s linear infinite}@media (max-width:720px){.decor-band-chaos{height:100px}.decor-band-chaos .b1{height:42px;left:6%;top:4px}.decor-band-chaos .b3{height:54px;left:42%;top:42px}.decor-band-chaos .b5{height:46px;right:6%;top:10px}}@media (max-width:720px){.decor-band{height:120px}.decor-band .b1,.decor-band .b3,.decor-band .b5{height:48px}.decor-band .b2,.decor-band .b4{height:42px}.decor-band .b1{top:14px;left:4%}.decor-band .b2{top:60px;left:22%}.decor-band .b3{top:8px;left:46%}.decor-band .b4{top:55px;left:66%}.decor-band .b5{top:18px;right:4%}.decor-band .squiggle{top:84px}}.decor-floaters{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible;z-index:0}.decor-floaters .f{position:absolute;will-change:transform;display:block;height:auto;object-fit:contain}.decor-floaters .f.bob{animation:dFloat 6s ease-in-out infinite}.decor-floaters .f.spin{animation:dSpin 22s linear infinite;transform-origin:50% 50%}@media (max-width:720px){.decor-floaters .f.bob{display:none}}@keyframes dFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes dSpin{to{transform:rotate(360deg)}}@media (max-width:640px){.grade-cards{grid-template-columns:1fr;max-width:360px}.subject-bubbles{grid-template-columns:repeat(2,1fr)}.sb-circle{width:84px;height:84px;font-size:40px}}@media (min-width:641px) and (max-width:900px){.grade-cards{grid-template-columns:repeat(3,1fr)}.subject-bubbles{grid-template-columns:repeat(4,1fr)}}.grade-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.grade-label-text{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em}.grade-label-1,.grade-label-3{color:var(--purple-600)}.lb-empty{text-align:center;padding:32px 16px}.lb-empty-icon{font-size:52px;margin-bottom:12px}.lb-empty-title{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink);margin-bottom:8px}.lb-empty-sub{color:var(--ink-soft);font-size:14px;font-weight:500;max-width:280px;margin:0 auto 20px;line-height:1.5}.lb-empty-cta{display:inline-flex;align-items:center;background:var(--purple-700);color:#fff;border-radius:999px;padding:10px 22px;font-family:var(--font-display);font-weight:700;font-size:14px;transition:background .2s}.lb-empty-cta:hover{background:var(--purple-600)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}#landing{display:block}#quiz-screen{display:none}#quiz-screen{min-height:100vh;background:linear-gradient(170deg,#090621,#120b40 22%,#1e1268,#2d1b8c 78%,#3a25a0);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;overflow:hidden;font-family:var(--font-body)}#quiz-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 15% 25%,rgba(140,110,255,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 85% 65%,rgba(80,50,200,.08) 0%,transparent 70%),radial-gradient(ellipse 30% 20% at 50% 10%,rgba(180,160,255,.06) 0%,transparent 60%)}.stars-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.star-dot{position:absolute;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.12}50%{opacity:.55}}.quiz-topbar{position:relative;z-index:2;width:100%;max-width:1100px;display:flex;align-items:center;justify-content:space-between;padding:24px 32px 0}.quiz-logo{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.quiz-subject-label{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 18px;font-weight:700;font-size:14px;font-family:var(--font-display)}.player-tag{display:flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 16px 6px 8px;font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;text-decoration:none;transition:background .2s,transform .2s}.player-tag:hover{background:#ffffff38;transform:translateY(-1px);color:#fff;text-decoration:none}.player-avatar{width:30px;height:30px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:17px;line-height:1;flex-shrink:0}.mute-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:999px;width:38px;height:38px;font-size:18px;cursor:pointer;transition:background .2s;display:grid;place-items:center}.mute-btn:hover{background:#fff3}.auto-advance-bar{height:4px;border-radius:4px;background:#ffffff26;overflow:hidden;margin-top:4px}.auto-advance-fill{height:100%;width:100%;background:var(--mint);border-radius:4px;animation:autoAdvance 1.6s linear forwards}.auto-advance-fill.wrong{background:var(--coral);animation-duration:3s}@keyframes autoAdvance{0%{width:100%}to{width:0%}}.back-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:8px 18px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:14px;transition:all .2s}.back-btn:hover{background:#fff3}.quiz-layout{position:relative;z-index:2;width:100%;max-width:1100px;display:flex;gap:28px;padding:24px 32px 32px;flex:1;margin:0 auto}.quiz-main{flex:1;display:flex;flex-direction:column;gap:18px;min-width:0}#name-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;gap:20px;text-align:center}#name-entry h2{color:#fff;font-family:var(--font-display);font-size:28px;font-weight:700}#name-entry p{color:#ffffffd9;font-size:16px}.name-entry-box{background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:28px;padding:48px;max-width:480px;width:100%}.name-entry-emoji{font-size:64px;margin-bottom:16px;display:block;animation:bobFloat 3s ease-in-out infinite}.name-entry-box h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.name-entry-box p{color:var(--purple-300);font-size:16px;margin-bottom:28px}.name-input{width:100%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:999px;padding:14px 20px;font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;outline:none;margin-bottom:16px;transition:border-color .2s;text-align:center}.name-input::placeholder{color:#ffffff59}.name-input:focus{border-color:var(--yellow)}.start-btn{width:100%;background:linear-gradient(135deg,var(--yellow),#E8A500);color:var(--ink);border:none;border-radius:999px;padding:16px;font-family:var(--font-display);font-size:20px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.start-btn:hover{transform:translateY(-3px) scale(1.03)}.xp-popup{position:fixed;top:36%;left:50%;transform:translate(-50%);z-index:300;pointer-events:none;display:flex;align-items:center;justify-content:center}.xp-burst{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(249,198,61,.45) 0%,transparent 70%);animation:xpBurst .6s ease forwards}@keyframes xpBurst{0%{transform:scale(0);opacity:1}to{transform:scale(2.5);opacity:0}}.xp-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;animation:xpRise 1.5s cubic-bezier(.2,.7,.2,1) forwards}@keyframes xpRise{0%{opacity:0;transform:translateY(16px) scale(.6)}18%{opacity:1;transform:translateY(-4px) scale(1.2)}35%{transform:translateY(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-70px) scale(.9)}}.xp-stars{font-size:30px;filter:drop-shadow(0 0 10px rgba(249,198,61,.9));animation:starPop .35s .1s cubic-bezier(.34,1.56,.64,1) both}@keyframes starPop{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.xp-amount{font-family:var(--font-display);font-weight:900;font-size:42px;color:var(--yellow);text-shadow:0 0 30px rgba(249,198,61,.8),0 3px 0 rgba(0,0,0,.4);letter-spacing:-1px}.xp-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.xp-p{position:absolute;top:50%;left:50%;font-size:16px;animation:xpScatter 1s ease forwards}.xp-p0{animation-name:xpS0}.xp-p1{animation-name:xpS1}.xp-p2{animation-name:xpS2}.xp-p3{animation-name:xpS3}.xp-p4{animation-name:xpS4}.xp-p5{animation-name:xpS5}@keyframes xpS0{to{transform:translate(-60px,-60px);opacity:0}}@keyframes xpS1{to{transform:translate(60px,-60px);opacity:0}}@keyframes xpS2{to{transform:translate(-80px);opacity:0}}@keyframes xpS3{to{transform:translate(80px);opacity:0}}@keyframes xpS4{to{transform:translate(-50px,60px);opacity:0}}@keyframes xpS5{to{transform:translate(50px,60px);opacity:0}}.quiz-progress-row{display:flex;flex-direction:column;gap:10px;margin-bottom:6px}.qp-meta{display:flex;justify-content:space-between;align-items:center}.qp-counter{font-family:var(--font-display);font-size:13px;font-weight:700;color:#ffffff8c}.qp-xp{font-family:var(--font-display);font-size:15px;font-weight:900;color:var(--yellow);text-shadow:0 0 12px rgba(249,198,61,.5)}.qp-bar-wrap{position:relative;height:14px;background:#ffffff1a;border-radius:999px;overflow:visible}.qp-bar{position:absolute;inset-block:0;left:0;background:linear-gradient(90deg,#f9c63d,#ff9f43,#ff6b6b);border-radius:999px;transition:width .6s cubic-bezier(.2,.7,.2,1);min-width:6px}.qp-bar-shine{position:absolute;inset-block:2px;left:0;background:linear-gradient(90deg,transparent 60%,rgba(255,255,255,.35) 80%,transparent 100%);border-radius:999px;transition:width .6s cubic-bezier(.2,.7,.2,1);pointer-events:none;animation:barShimmer 2s linear infinite}@keyframes barShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.qp-milestone{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);z-index:2;transition:all .4s ease}.qp-milestone.reached{background:var(--yellow);border-color:var(--yellow);box-shadow:0 0 10px #f9c63dcc;animation:milestonePop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes milestonePop{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.8)}to{transform:translate(-50%,-50%) scale(1)}}.timer-row{display:flex;align-items:center;justify-content:center;gap:16px}.timer-circle{width:72px;height:72px;border-radius:50%;background:conic-gradient(var(--yellow) var(--pct),rgba(255,255,255,.1) 0%);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 20px #f9c63d4d}.timer-inner{width:58px;height:58px;border-radius:50%;background:#1e1268;display:flex;align-items:center;justify-content:center}.timer-num{font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff}.timer-circle.danger{background:conic-gradient(var(--red) var(--pct),rgba(255,255,255,.1) 0%);animation:pulse-timer .5s ease-in-out infinite}@keyframes pulse-timer{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.prize-display{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--yellow);text-shadow:0 0 20px rgba(249,198,61,.5)}.q-counter{color:#ffffff80;font-size:14px;font-weight:700;font-family:var(--font-display)}.question-box{background:#ffffff0f;border:2px solid rgba(255,255,255,.12);border-radius:24px;padding:32px 36px;text-align:center;position:relative;overflow:hidden}.question-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center top,rgba(108,86,245,.15),transparent 70%);pointer-events:none}.q-subject-tag{font-size:13px;font-weight:700;color:var(--purple-300);letter-spacing:1px;text-transform:uppercase;margin-bottom:12px;font-family:var(--font-display)}.q-difficulty{display:inline-block;padding:3px 14px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:16px;font-family:var(--font-display)}.q-difficulty.лесно{background:#7dd9b033;color:#7dd9b0}.q-difficulty.средно{background:#f9c63d33;color:var(--yellow)}.q-difficulty.трудно{background:#e74c3c33;color:#fca5a5}.q-text{font-family:var(--font-display);font-size:clamp(18px,2.5vw,26px);font-weight:700;color:#fff;line-height:1.4}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer-btn{background:#ffffff12;border:2px solid rgba(255,255,255,.15);border-radius:999px;padding:16px 20px;font-family:var(--font-display);font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-align:left;display:flex;align-items:center;gap:14px}.answer-btn:disabled{cursor:default}.answer-btn.selected{border-color:var(--yellow);background:#f9c63d26}.answer-btn.correct{border-color:var(--mint)!important;background:#7dd9b033!important;animation:correctFlash .6s ease}@media (hover:hover){.answer-btn:hover:not(:disabled){border-color:var(--yellow);background:#f9c63d1a;transform:scale(1.02)}.answer-btn:hover:not(:disabled) .answer-letter{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}}@keyframes correctFlash{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.98)}to{transform:scale(1)}}.answer-btn.wrong{border-color:var(--red)!important;background:#e74c3c33!important}.answer-letter{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;flex-shrink:0;font-family:var(--font-display);transition:all .2s}.answer-btn.correct .answer-letter{background:var(--mint);border-color:var(--mint);color:var(--ink)}.answer-btn.wrong .answer-letter{background:var(--red);border-color:var(--red)}.answer-btn.selected .answer-letter{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.lifelines-row{display:flex;gap:12px;justify-content:center}.lifeline-btn{background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:999px;padding:10px 20px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.lifeline-btn:hover:not(:disabled){background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.lifeline-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;text-decoration:line-through}.ll-icon{font-size:18px}.explanation-box{background:#7dd9b01a;border:2px solid rgba(125,217,176,.3);border-radius:18px;padding:16px 20px;color:#7dd9b0;font-weight:700;font-size:15px;line-height:1.5;animation:fadeInUp .3s ease;font-family:var(--font-display)}.explanation-box.wrong-ex{background:#e74c3c1a;border-color:#e74c3c4d;color:#fca5a5}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vote-box{background:#ffffff12;border:2px solid rgba(255,255,255,.14);border-radius:18px;padding:16px 20px;font-family:var(--font-display)}.vote-title{color:#fff;font-weight:700;font-size:15px;margin-bottom:14px}.vote-bars{display:flex;flex-direction:column;gap:9px}.vote-row{display:grid;grid-template-columns:28px 1fr 42px;align-items:center;gap:10px}.vote-letter{color:var(--yellow);font-weight:900;font-size:14px}.vote-bar-wrap{background:#ffffff1a;border-radius:999px;height:11px;overflow:hidden}.vote-bar{height:100%;border-radius:999px;background:#ffffff4d;animation:growBar .5s cubic-bezier(.2,.7,.2,1) forwards}.vote-bar.top{background:var(--yellow)}@keyframes growBar{0%{width:0!important}}.vote-pct{color:#fffc;font-size:13px;font-weight:700;text-align:right}.walk-away{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;color:#ffffffb3;font-size:14px;font-weight:700;font-family:var(--font-display)}.walk-btn{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);color:#fca5a5;border-radius:999px;padding:6px 16px;font-family:var(--font-display);font-weight:700;font-size:13px;cursor:pointer;transition:all .2s}.walk-btn:hover{background:#e74c3c59}.next-btn{background:linear-gradient(135deg,var(--yellow),#E8A500);color:var(--ink);border:none;border-radius:999px;padding:14px 36px;font-family:var(--font-display);font-size:18px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:none;align-self:center}.next-btn:hover{transform:translateY(-3px) scale(1.05)}#result-screen{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:16px;padding:32px;text-align:center;position:relative;z-index:2}.result-shell{position:relative;z-index:2;width:100%;max-width:520px;margin:0 auto;padding:16px 16px 32px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.result-hero-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.result-stats-row{display:flex;gap:8px;justify-content:center;margin-top:4px;flex-wrap:wrap}.result-stat-pill{display:flex;flex-direction:column;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:6px 16px;min-width:80px}.result-stat-pill .result-stat-value{font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;line-height:1.1}.result-stat-pill .result-stat-label{font-family:var(--font-display);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin-top:1px}.result-stat-pill--streak{background:linear-gradient(135deg,#ffb45a2e,#ff8c2847);border-color:#ffb45a80}.result-streak-msg{margin:10px 0 0;color:#ffffffd9;font-size:13px;font-weight:500}.result-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.result-leaderboard-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 16px}.result-lb-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:8px;flex-wrap:wrap}.result-lb-head h3{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--yellow);margin:0}.result-lb-subject{font-family:var(--font-display);font-weight:500;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.result-lb-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.result-lb-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px 12px;background:#ffffff0d;border-radius:8px;color:#fff;transition:background .2s}.result-lb-row:hover{background:#ffffff17}.result-lb-row.is-me{background:#f9c63d2e;border:1px solid rgba(249,198,61,.35)}.result-lb-rank{font-family:var(--font-display);font-weight:700;font-size:14px;color:#ffffffd9}.result-lb-name{font-family:var(--font-display);font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-lb-xp{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--yellow)}.result-emoji{font-size:48px;line-height:1;animation:bounceResult .8s cubic-bezier(.34,1.56,.64,1)}@keyframes bounceResult{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.2)}to{transform:scale(1)}}.result-title{font-family:var(--font-display);font-size:clamp(18px,2.8vw,24px);font-weight:700;color:#fff;line-height:1.15;margin:2px 0 0}.result-prize{font-family:var(--font-display);font-size:clamp(28px,4vw,38px);font-weight:700;background:linear-gradient(135deg,var(--yellow),var(--coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.01em}.play-again-btn{background:linear-gradient(135deg,var(--purple-600),var(--purple-500));color:#fff;border:none;border-radius:999px;padding:9px 20px;font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #4a36e080;color:#fff}.home-btn{background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.2);border-radius:999px;padding:9px 20px;font-family:var(--font-display);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.home-btn:hover{background:#ffffff2e;color:#fff}.milestone-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:200;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none}.milestone-inner{text-align:center;animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(0) rotate(-10deg)}to{transform:scale(1) rotate(0)}}.milestone-emoji{font-size:80px;display:block;margin-bottom:16px}.milestone-inner h2{font-family:var(--font-display);font-size:48px;color:var(--yellow);font-weight:700;margin-bottom:8px}.milestone-inner p{color:#fff;font-size:20px;font-weight:700;font-family:var(--font-display)}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;animation:confettiFall linear forwards;border-radius:2px}@keyframes confettiFall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:520px;margin:0 auto}.program-grid{grid-template-columns:repeat(2,1fr)}.program-head{grid-template-columns:1fr}.subjects-grid,.how-steps{grid-template-columns:repeat(2,1fr)}.lb-wrap{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:32px}.quiz-layout{flex-direction:column}}@media (max-width:640px){.nav-links{display:none}.hamburger{display:flex}.nav-inner{padding:12px 20px}.hero{padding:20px 20px 0}.hero-grid{grid-template-columns:1fr;gap:20px}.hero h1{font-size:clamp(26px,7vw,36px);margin:8px 0 12px;line-height:1.2}.hero-sub{font-size:15px;margin-bottom:16px}.hero-ctas{margin-bottom:16px;gap:10px}.hero-visual{max-width:240px;width:100%;margin:0 auto}.hv-badge,.float-shape{display:none}.float-shape.deco-1,.float-shape.deco-3{display:block}.float-shape.deco-1{width:42px;top:1%;left:0}.float-shape.deco-3{width:54px;bottom:6%;right:0}.how-deco{display:none}.hero,.subjects{padding:32px 20px}.how{padding:48px 24px;margin:24px 16px}.subjects-grid,.how-steps{grid-template-columns:1fr}.footer{padding:32px 20px 20px}.footer-inner{grid-template-columns:1fr;gap:24px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.footer-brand p{max-width:none;font-size:13px}.footer-cols-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;text-align:left}.footer-col--hide-mobile{display:none}.footer-col h4{margin-bottom:10px;font-size:12px}.footer-col ul{gap:10px}.footer-col a{font-size:14px;display:inline-block;padding:2px 0}.footer-mobile-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-width:1280px;margin:24px auto 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--font-display);font-weight:600;font-size:13px}.footer-mobile-strip a{color:#ffffffd9;transition:color .2s}.footer-mobile-strip a:hover{color:var(--yellow)}.footer-mobile-strip span{color:#ffffff4d}.footer-bottom{flex-direction:column;align-items:flex-start;text-align:left;font-size:12px;gap:6px;margin-top:16px;padding-top:14px;border-top:none}.footer-deco{width:200px;right:-40px;bottom:-40px}.answers-grid{grid-template-columns:1fr}.program{padding:40px 20px 56px}.program-head{margin-bottom:28px}.program-grid{grid-template-columns:1fr;gap:14px}.p-card{min-height:auto;padding:22px}.p-badge{margin-bottom:24px}.p-deco{display:none}.p-current{display:none!important}.p-title{font-size:24px}.p-meta{margin-top:14px;margin-bottom:16px}}.at-screen{min-height:100vh;background:linear-gradient(170deg,#090621,#120b40 22%,#1e1268,#2d1b8c 78%,#3a25a0);display:flex;flex-direction:column;font-family:var(--font-display);position:relative;overflow:hidden}.at-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.at-end-screen{align-items:center;justify-content:center}.at-end-card{background:#ffffff14;border:2px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;padding:48px 40px;text-align:center;max-width:380px;width:90%}.at-end-icon{font-size:80px;margin-bottom:16px;animation:letterPop .6s cubic-bezier(.34,1.56,.64,1)}.at-end-card h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.at-end-card p{color:#ffffffb3;font-size:16px}.at-instruction{text-align:center;font-size:15px;font-weight:700;color:#ffffffb3;margin:6px 0 4px;position:relative;z-index:1}.at-bubbles{display:flex;flex-wrap:wrap;justify-content:center;padding:4px 12px 8px;align-content:flex-start;position:relative;z-index:1;flex:1}.at-bubble{border-radius:50%;background:var(--bc);color:#fff;font-weight:900;font-family:var(--font-display);border:3px solid rgba(255,255,255,.4);cursor:pointer;display:grid;place-items:center;box-shadow:0 5px #00000040;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .2s;animation:bubbleBob var(--dur,2s) ease-in-out infinite;line-height:1;position:relative;z-index:1}@keyframes bubbleBob{0%,to{transform:rotate(var(--rot,0deg))}50%{transform:rotate(var(--rot,0deg)) translateY(-8px)}}@media (hover:hover){.at-bubble:hover:not(:disabled){transform:scale(1.2) translateY(-5px)!important;box-shadow:0 10px #00000040}}.at-bubble.at-placed{opacity:.12;cursor:default;animation:none;transform:scale(.75)!important;box-shadow:none;filter:grayscale(1)}.at-bubble.at-wrong{animation:atWrong .5s ease!important;outline:3px solid #e74c3c}@keyframes atWrong{0%,to{transform:translate(0) rotate(var(--rot,0deg))}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.at-train-section{flex-shrink:0;padding:0 12px;position:relative;z-index:1}.at-train-section.at-depart-left{animation:departLeft 2.4s cubic-bezier(.4,0,1,1) forwards}@keyframes departLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-110vw);opacity:.3}}.at-rail-strip{height:3px;background:#ffffff14;margin-bottom:4px}.at-train-rows{display:flex;align-items:flex-end;gap:8px}.at-wagons-grid{display:flex;flex-wrap:wrap;gap:3px;flex:1;align-content:flex-end}.at-loco{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:72px}.at-chimney{position:absolute;top:-28px;right:14px;display:flex;gap:3px;align-items:flex-end}.at-chimney span{border-radius:50%;background:#dcdcf080;animation:smokeRise 1.4s ease-out infinite}.at-chimney span:nth-child(1){width:11px;height:11px}.at-chimney span:nth-child(2){width:8px;height:8px;animation-delay:.35s}.at-chimney span:nth-child(3){width:6px;height:6px;animation-delay:.7s}@keyframes smokeRise{0%{opacity:.8;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-26px) scale(1.6)}}.at-loco-inner{display:flex;align-items:flex-end;width:100%}.at-boiler-side{width:24px;height:30px;background:linear-gradient(90deg,#c0392b,#96281b);border-radius:4px 0 0 4px;border:2px solid #7b1f14;flex-shrink:0}.at-cab{width:46px;height:48px;background:linear-gradient(180deg,#c0392b,#922b21);border-radius:6px 6px 0 0;border:2px solid #7b1f14;display:flex;align-items:center;justify-content:center;gap:4px}.at-cab-window{width:14px;height:12px;background:#87ceeb;border-radius:3px;border:2px solid rgba(255,255,255,.4);flex-shrink:0}.at-cab-door{width:10px;height:20px;background:#7b1f14;border-radius:2px;flex-shrink:0;align-self:flex-end;margin-bottom:-2px}.at-loco-nose{width:14px;height:36px;background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:0 8px 8px 0;border:2px solid #7b1f14;flex-shrink:0}.at-loco-chassis{width:100%;height:9px;background:#7b1f14;border-radius:2px}.at-loco-wheels-row{display:flex;justify-content:space-around;width:100%;padding:1px 4px}.at-headlight-front{position:absolute;right:-5px;bottom:30px;width:12px;height:12px;border-radius:50%;background:#ffe082;border:2px solid #f9a825;box-shadow:0 0 10px #ffe082e6}.at-drive-wheel{width:24px!important;height:24px!important;border-width:4px!important;background:#222!important;border-color:#555!important}.at-wagon{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.at-wagon-roof{width:48px;height:6px;background:#00000038;border-radius:3px 3px 0 0}.at-wagon-body{width:48px;height:40px;background:var(--wc);border:2px solid rgba(0,0,0,.14);display:flex;align-items:center;justify-content:space-between;padding:0 3px;transition:background .3s}.at-wagon-window{width:8px;height:8px;background:#87ceebb3;border-radius:2px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.at-wagon-slot{flex:1;display:grid;place-items:center}.at-wagon-letter{font-size:15px;font-weight:900;color:#222;animation:letterLand .35s cubic-bezier(.34,1.56,.64,1)}@keyframes letterLand{0%{transform:scale(0) rotate(-20deg)}to{transform:scale(1) rotate(0)}}.at-wagon-letter.pre{color:#fff;font-size:17px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.at-wagon-empty{font-size:9px;font-weight:700;color:#0003}.at-wagon-undercarriage{width:52px;height:6px;background:#444;border-radius:0 0 2px 2px}.at-wagon-pre .at-wagon-body{background:var(--purple-600)!important;border:2px solid rgba(255,255,255,.25)!important}.at-wagon-pre .at-wagon-window{background:#ffffff40!important}.at-wagon-wheels{display:flex;justify-content:space-around;width:46px;padding:1px 3px}.at-wheel{display:block;width:14px;height:14px;border-radius:50%;background:#222;border:3px solid #555}.at-rails{position:relative;height:13px;background:#5a3e10;margin-top:1px;border-radius:2px}.at-rail{position:absolute;height:3px;background:#b8903c;left:0;right:0;top:2px}.at-rail:nth-child(2){top:8px}.at-sleepers{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.at-sleeper{flex-shrink:0;width:16px;height:13px;background:#3d2600;border-right:3px solid #211500;opacity:.6}@media (max-width:480px){.at-wagon-body{width:40px;height:34px}.at-wagon-roof{width:40px}.at-wagon-letter{font-size:12px}.at-wagons-grid{gap:2px}.at-loco{width:60px}.at-cab{width:38px;height:40px}}.li-screen{min-height:100vh;background:linear-gradient(170deg,#090621,#120b40 22%,#1e1268,#2d1b8c 78%,#3a25a0);display:flex;flex-direction:column;font-family:var(--font-display);position:relative;overflow:hidden}.li-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.li-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.li-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;padding:8px 18px;border-radius:999px;transition:background .2s}.li-back:hover{background:#fff3}.li-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff}.li-score{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--yellow)}.li-progress{position:relative;height:10px;background:#ffffff1a;margin:0;z-index:1}.li-progress-fill{height:100%;background:linear-gradient(90deg,var(--yellow),#FFA94D);transition:width .5s cubic-bezier(.2,.7,.2,1)}.li-progress-label{position:absolute;right:12px;top:14px;font-size:12px;font-weight:700;color:#ffffffb3}.li-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px 20px 40px;position:relative;z-index:1}.li-letter-side{display:flex;flex-direction:column;align-items:center;gap:14px}.li-instruction{font-size:15px;font-weight:600;color:#ffffffbf;text-align:center;margin:0}.li-letter-circle{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:80px;font-weight:900;color:#fff;box-shadow:0 12px 40px #0006,0 0 0 4px #ffffff26;animation:letterPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes letterPop{0%{transform:scale(0) rotate(-15deg)}to{transform:scale(1) rotate(0)}}.li-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:640px}.li-option{background:#fff;border:2px solid rgba(255,255,255,.15);border-radius:24px;padding:18px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .15s,box-shadow .15s;box-shadow:0 6px 20px #0000002e}@media (hover:hover){.li-option:hover:not(:disabled){transform:translateY(-6px) scale(1.04);border-color:var(--yellow);box-shadow:0 12px 28px #f9c63d59}}.li-option:disabled{cursor:default}.li-option-img{width:96px;height:96px;object-fit:contain;display:block;pointer-events:none}.li-option-word{font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;text-align:center}.li-option-correct{border-color:var(--mint)!important;background:#beead5f2!important;animation:optCorrect .4s ease}@keyframes optCorrect{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.li-option-dim{opacity:.35}.li-options.shake{animation:liShake .5s ease}@keyframes liShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.li-correct-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#7dd9b040;pointer-events:none;animation:flashIn .5s ease forwards;z-index:50}@keyframes flashIn{0%{opacity:1}to{opacity:0}}.li-end{align-items:center;justify-content:center}.li-end-card{background:#ffffff14;border:2px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;padding:48px 40px;text-align:center;max-width:380px;width:90%;position:relative;z-index:1}.li-end-emoji{font-size:80px;margin-bottom:16px;animation:letterPop .6s cubic-bezier(.34,1.56,.64,1)}.li-end-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:8px}.li-end-score{font-size:18px;font-weight:600;color:#ffffffb3;margin-bottom:8px}.li-end-xp{font-size:18px;font-weight:800;color:var(--yellow);margin-bottom:20px}.li-end-card .name-input{margin:8px 0 20px}.li-board{margin:8px 0 24px;text-align:left}.li-board-title{font-size:16px;font-weight:700;color:var(--yellow);margin-bottom:10px;text-align:center}.li-board-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#ffffff0f;border-radius:12px;margin-bottom:6px;color:#fff;font-weight:600;font-size:14px}.li-board-row.me{background:#f9c63d33;border:1px solid var(--yellow)}.li-end-btns{display:flex;flex-direction:column;gap:12px}.li-btn-primary{background:var(--yellow);color:var(--ink);border:none;border-radius:999px;padding:14px 28px;font-family:var(--font-display);font-size:17px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.li-btn-primary:hover{background:#ffd55a;transform:translateY(-2px)}.li-btn-ghost{background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:999px;padding:12px 28px;font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.li-btn-ghost:hover{background:#ffffff26}@media (max-width:480px){.li-letter-circle{width:110px;height:110px;font-size:62px}.li-option-emoji{font-size:44px}.li-option-word{font-size:13px}.li-options{gap:10px}}.mem-screen{min-height:100vh;background:linear-gradient(170deg,#090621,#120b40 22%,#1e1268,#2d1b8c 78%,#3a25a0);display:flex;flex-direction:column;font-family:var(--font-display);position:relative;overflow:hidden}.mem-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.mem-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.mem-back{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:14px;color:#fff;padding:8px 18px;border-radius:999px;transition:background .2s}.mem-back:hover{background:#fff3}.mem-title{font-family:var(--font-display);font-weight:700;font-size:16px;color:#fff}.mem-score{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--yellow)}.mem-progress{position:relative;height:10px;background:#ffffff1a;margin:0;z-index:1}.mem-progress-fill{height:100%;background:linear-gradient(90deg,var(--yellow),#FFA94D);transition:width .5s cubic-bezier(.2,.7,.2,1)}.mem-progress-label{position:absolute;right:12px;top:14px;font-size:12px;font-weight:700;color:#ffffffb3}.mem-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 16px 32px;position:relative;z-index:1}.mem-instruction{font-size:14px;font-weight:600;color:#ffffffbf;text-align:center;margin:0}.mem-grid{display:grid;grid-template-columns:repeat(var(--cols-d, 4),1fr);gap:14px;width:100%;max-width:720px}.mem-card{background:none;border:none;padding:0;cursor:pointer;perspective:800px;aspect-ratio:3/4;border-radius:18px}.mem-card:disabled{cursor:default}.mem-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.mem-card.is-flipped .mem-card-inner{transform:rotateY(180deg)}.mem-card-back,.mem-card-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 6px 18px #00000040;overflow:hidden}.mem-card-back{background:linear-gradient(140deg,#4a36e0,#2d1b8c);border:2px solid rgba(255,255,255,.18)}.mem-card-back-mark{font-family:var(--font-display);font-size:42px;font-weight:900;color:#ffffffd9;text-shadow:0 2px 8px rgba(0,0,0,.3)}.mem-card-front{transform:rotateY(180deg);border:2px solid rgba(255,255,255,.25)}.mem-card-letter{font-family:var(--font-display);font-size:52px;font-weight:900;color:#fff;line-height:1}.mem-card-img{width:72%;height:72%;object-fit:contain}@media (hover:hover){.mem-card:not(:disabled):hover .mem-card-back{transform:scale(1.04);transition:transform .15s ease}}.mem-card.is-matched .mem-card-front{border-color:var(--mint);box-shadow:0 6px 18px #7dd9b066,0 0 0 3px #7dd9b080;animation:memMatch .5s ease}@keyframes memMatch{0%{transform:rotateY(180deg) scale(1)}40%{transform:rotateY(180deg) scale(1.1)}to{transform:rotateY(180deg) scale(1)}}.mem-end{align-items:center;justify-content:center}.mem-end-card{background:#ffffff14;border:2px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:32px;padding:40px 32px;text-align:center;max-width:380px;width:90%;position:relative;z-index:1;margin:auto}.mem-end-emoji{font-size:72px;margin-bottom:12px;animation:letterPop .6s cubic-bezier(.34,1.56,.64,1)}.mem-end-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.mem-end-score{font-size:16px;font-weight:600;color:#ffffffbf;margin-bottom:8px}.mem-end-xp{font-size:18px;font-weight:800;color:var(--yellow);margin-bottom:20px}.mem-end-card .name-input{margin:8px 0 20px}.mem-board{margin:8px 0 20px;text-align:left}.mem-board-title{font-size:16px;font-weight:700;color:var(--yellow);margin-bottom:10px;text-align:center}.mem-board-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#ffffff0f;border-radius:12px;margin-bottom:6px;color:#fff;font-weight:600;font-size:14px}.mem-board-row.me{background:#f9c63d33;border:1px solid var(--yellow)}.mem-end-btns{display:flex;flex-direction:column;gap:12px}.mem-btn-primary{background:var(--yellow);color:var(--ink);border:none;border-radius:999px;padding:14px 28px;font-family:var(--font-display);font-size:17px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.mem-btn-primary:hover{background:#ffd55a;transform:translateY(-2px)}.mem-btn-ghost{background:#ffffff14;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:999px;padding:12px 28px;font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.mem-btn-ghost:hover{background:#ffffff26}@media (max-width:520px){.mem-grid{grid-template-columns:repeat(var(--cols-m, 3),1fr);gap:10px;max-width:420px}.mem-card-letter{font-size:40px}.mem-card-back-mark{font-size:32px}.mem-main{padding:14px 14px 24px}}.cmp-page{min-height:100vh;background:linear-gradient(170deg,#090621,#120b40 22%,#1e1268,#2d1b8c 78%,#3a25a0);padding:18px 18px 32px;display:flex;flex-direction:column;align-items:center;font-family:var(--font-display);position:relative;overflow:hidden;color:#fff}.cmp-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.cmp-center{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative;z-index:1}.cmp-topbar{width:100%;max-width:880px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;position:relative;z-index:1}.cmp-back{width:42px;height:42px;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:20px;font-weight:700;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s,transform .15s}.cmp-back:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.cmp-back--float{position:absolute;top:18px;left:18px;z-index:2}.cmp-progress{display:flex;gap:14px;align-items:center}.cmp-round{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px}.cmp-score{background:var(--yellow);color:var(--ink);font-weight:700;font-size:14px;padding:8px 14px;border-radius:999px}.cmp-mute{width:42px;height:42px;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-size:18px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cmp-arena{width:100%;max-width:880px;background:#ffffff14;border:2px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:28px 22px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;min-height:320px;transition:background .25s,border-color .25s;position:relative;z-index:1}.cmp-arena.is-correct{background:#7dd9b02e;border-color:#7dd9b08c}.cmp-arena.is-wrong{background:#ff7a6b29;border-color:#ff7a6b80}.cmp-cloud{display:flex;flex-direction:column;align-items:center;gap:12px}.cmp-cloud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;justify-items:center;align-items:center;max-width:200px}.cmp-item{font-size:34px;line-height:1;animation:cmpItemIn .35s ease backwards;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.cmp-cloud-grid .cmp-item:nth-child(1){animation-delay:0s}.cmp-cloud-grid .cmp-item:nth-child(2){animation-delay:.04s}.cmp-cloud-grid .cmp-item:nth-child(3){animation-delay:.08s}.cmp-cloud-grid .cmp-item:nth-child(4){animation-delay:.12s}.cmp-cloud-grid .cmp-item:nth-child(5){animation-delay:.16s}.cmp-cloud-grid .cmp-item:nth-child(6){animation-delay:.2s}.cmp-cloud-grid .cmp-item:nth-child(7){animation-delay:.24s}.cmp-cloud-grid .cmp-item:nth-child(8){animation-delay:.28s}.cmp-cloud-grid .cmp-item:nth-child(9){animation-delay:.32s}@keyframes cmpItemIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.cmp-count{font-size:32px;font-weight:800;color:var(--ink);background:var(--yellow);border-radius:999px;width:60px;height:60px;display:grid;place-items:center;box-shadow:0 4px 14px #0000004d}.cmp-croc-wrap{position:relative;display:grid;place-items:center}.croc-svg{width:200px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.croc-svg.croc-idle{animation:cmpCrocIdle 2.4s ease-in-out infinite}.croc-svg.croc-open{animation:cmpCrocPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes cmpCrocIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cmpCrocPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.cmp-controls{width:100%;max-width:880px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;position:relative;z-index:1}.cmp-pick{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 14px;background:#ffffff1a;border:2px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;font-family:var(--font-display);font-weight:700;font-size:18px;color:#fff;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}@media (hover:hover){.cmp-pick:not(:disabled):hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow);transform:translateY(-3px)}.cmp-pick:not(:disabled):hover .cmp-pick-sign{color:var(--ink)}}.cmp-pick.is-chosen{background:var(--yellow);color:var(--ink);border-color:var(--yellow);transform:translateY(-3px)}.cmp-pick.is-chosen .cmp-pick-sign{color:var(--ink)}.cmp-pick:disabled{opacity:.55;cursor:default}.cmp-pick-arrow{font-size:24px;line-height:1}.cmp-pick-sign{font-family:var(--font-display);font-weight:800;font-size:44px;line-height:1;color:#fff;letter-spacing:-.02em}.cmp-feedback{margin-top:14px;font-size:20px;font-weight:800;padding:10px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cmpFb .25s ease;position:relative;z-index:1}.cmp-feedback.ok{background:#7dd9b040;color:#7dd9b0}.cmp-feedback.no{background:#ff7a6b40;color:#ffb4a8}@keyframes cmpFb{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cmp-name-card,.cmp-result-card{position:relative;background:#ffffff14;border:2px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;padding:40px 32px;max-width:420px;width:90%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff}.cmp-title-emoji{font-size:64px;line-height:1;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35))}.cmp-name-card h1,.cmp-result-card h1{font-family:var(--font-display);font-size:26px;font-weight:800;margin:0;color:#fff}.cmp-name-card p{color:#ffffffc7;margin:0;font-size:15px}.cmp-name-input{width:100%;padding:14px 16px;border:1.5px solid rgba(255,255,255,.25);border-radius:10px;font-family:var(--font-display);font-size:17px;font-weight:600;color:#fff;outline:none;background:#ffffff0f}.cmp-name-input::placeholder{color:#ffffff80}.cmp-name-input:focus{border-color:var(--yellow);background:#ffffff1f}.cmp-name-input.err{border-color:var(--coral);animation:cmpShake .3s}@keyframes cmpShake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.cmp-start{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);border:none;border-radius:999px;padding:14px 26px;font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 24px #f9c63d59}.cmp-start:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f9c63d80}.cmp-back-btn{background:#ffffff1f;border:1.5px solid rgba(255,255,255,.2);border-radius:999px;padding:14px 26px;font-family:var(--font-display);font-size:17px;font-weight:800;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .15s}.cmp-back-btn:hover{background:#fff3}.cmp-result-emoji{font-size:96px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.cmp-result-score{font-size:17px;font-weight:700;color:#ffffffd9;margin:0}.cmp-result-xp{background:var(--yellow);border-radius:999px;padding:8px 22px;font-size:17px;font-weight:800;color:var(--ink);margin:0;box-shadow:0 4px 14px #f9c63d66}.cmp-result-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}@media (max-width:640px){.cmp-page{padding:24px 14px 100px;min-height:0}.cmp-topbar{margin-bottom:60px;gap:6px}.cmp-back,.cmp-mute{width:36px;height:36px;font-size:16px}.cmp-progress{gap:6px}.cmp-round,.cmp-score{font-size:11px;padding:6px 10px}.cmp-arena{grid-template-columns:1fr auto 1fr;gap:8px;padding:22px 10px;min-height:0}.cmp-cloud{gap:8px}.cmp-cloud-grid{grid-template-columns:repeat(3,1fr);gap:3px;max-width:120px}.cmp-item{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.cmp-count{width:38px;height:38px;font-size:18px}.croc-svg{width:96px}.cmp-controls{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:22px}.cmp-pick{padding:14px 4px}.cmp-pick-sign{font-size:32px}.cmp-feedback{font-size:16px;padding:8px 16px;margin-top:10px}.cmp-name-card,.cmp-result-card{padding:28px 22px;gap:10px}.cmp-title-emoji{font-size:52px}.cmp-name-card h1,.cmp-result-card h1{font-size:22px}.cmp-result-emoji{font-size:72px}}@media (max-width:380px){.cmp-cloud-grid{max-width:100px}.cmp-item{font-size:15px}.cmp-count{width:32px;height:32px;font-size:15px}.croc-svg{width:80px}.cmp-pick-sign{font-size:26px}}.content-page{background:var(--ivory);min-height:100vh;color:var(--ink)}.content-page.profile-page-bg{background:#fcfaff}.content-nav{max-width:1080px;margin:0 auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.content-logo{display:flex;align-items:center;gap:10px}.content-logo img{height:44px;width:auto}.content-home{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--purple-700);padding:10px 16px;border-radius:999px;background:var(--purple-100);transition:background .2s,transform .2s}.content-home:hover{background:var(--purple-300);transform:translate(-2px)}.content-main{max-width:880px;margin:0 auto;padding:24px 32px 80px}.content-back{margin:8px 0 0;font-size:14px;font-weight:600}.content-back a{color:var(--purple-600);transition:color .2s}.content-back a:hover{color:var(--purple-700)}.content-hero{padding:48px 0 56px;text-align:center;border-bottom:1.5px dashed var(--purple-100);margin-bottom:48px}.content-eyebrow{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-600);margin-bottom:14px}.content-hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4.4vw,46px);line-height:1;color:var(--ink);margin-bottom:18px;letter-spacing:-.01em}.content-lede{font-size:18px;color:var(--ink-soft);max-width:640px;margin:0 auto 28px;line-height:1.6;font-weight:500}.content-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.content-cta{display:inline-flex;align-items:center;gap:8px;background:var(--purple-700);color:#fff;font-family:var(--font-display);font-weight:600;font-size:16px;padding:14px 26px;border-radius:999px;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 12px 28px -16px #2d1b8c8c}.content-cta:hover{background:var(--purple-600);color:#fff;transform:translateY(-2px);box-shadow:0 18px 32px -18px #2d1b8ca6}.content-cta--ghost{background:transparent;color:var(--purple-700);border:2px solid var(--purple-700);box-shadow:none}.content-cta--ghost:hover{background:var(--purple-700);color:#fff}.content-section{margin-bottom:48px}.content-section h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3.4vw,32px);color:var(--ink);margin-bottom:16px;line-height:1.2}.content-section p{font-size:16px;color:var(--ink);line-height:1.7;margin-bottom:14px;font-weight:500}.content-section p:last-child{margin-bottom:0}.content-section a{color:var(--purple-600);font-weight:600;text-decoration:underline;text-decoration-color:var(--purple-300);text-underline-offset:3px;transition:text-decoration-color .2s}.content-section a:hover{text-decoration-color:var(--purple-600)}.content-section strong{color:var(--purple-700);font-weight:700}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}.content-card{background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:22px;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.content-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -22px #2d1b8c59;border-color:var(--purple-300)}.content-card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:50%;margin:0 auto 14px;color:var(--purple-700);font-size:0}.content-card-icon svg{width:28px;height:28px;display:block}.content-card h3{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink);margin-bottom:8px;line-height:1.2}.content-card p{font-size:14px;color:var(--ink-soft);line-height:1.55;font-weight:500;margin:0}.content-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:10px}.content-list li{font-size:16px;color:var(--ink);line-height:1.55;padding:12px 16px;background:#fff;border-radius:14px;border:1.5px solid var(--line);font-weight:500}.content-steps{list-style:none;padding:0;margin:8px 0 16px;counter-reset:step;display:flex;flex-direction:column;gap:12px}.content-steps li{counter-increment:step;font-size:16px;color:var(--ink);line-height:1.55;padding:14px 16px 14px 56px;background:#fff;border-radius:10px;border:1.5px solid var(--line);position:relative;font-weight:500}.content-steps li:before{content:counter(step);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:999px;background:var(--yellow);color:var(--purple-700);font-family:var(--font-display);font-weight:700;font-size:16px;display:grid;place-items:center}.content-cta-block{margin-top:64px;padding:48px 32px;background:linear-gradient(135deg,var(--purple-700),var(--purple-500));border-radius:28px;text-align:center;color:#fff}.content-cta-block h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3.4vw,32px);color:#fff;margin-bottom:10px}.content-cta-block p{font-size:16px;color:#ffffffd9;margin-bottom:22px;font-weight:500}.content-cta-block .content-cta{background:var(--yellow);color:var(--ink);box-shadow:0 14px 32px -16px #0006}.content-cta-block .content-cta:hover{background:#fff;color:var(--purple-700)}@media (max-width:640px){.content-nav{padding:16px 20px}.content-main{padding:16px 20px 56px}.content-hero{padding:24px 0 36px;margin-bottom:32px}.content-section{margin-bottom:36px}.content-grid{grid-template-columns:1fr}.content-cta-block{padding:36px 24px;margin-top:48px;border-radius:22px}.content-home{font-size:13px;padding:8px 14px}}.daily-card-section{max-width:1280px;margin:32px auto;padding:0 32px}.faq-contact-card.daily-cta-card{padding:24px 32px;gap:28px;background:linear-gradient(135deg,var(--yellow),var(--yellow-soft) 70%,var(--yellow));color:var(--ink)}.faq-contact-card.daily-cta-card:before{background:#ff7a6b47}.faq-contact-card.daily-cta-card:after{background:#2d1b8c29}.faq-contact-card.daily-cta-card .content-eyebrow{color:var(--purple-700);margin-bottom:6px}.faq-contact-card.daily-cta-card h2{font-size:clamp(18px,2.2vw,22px)!important;margin:4px 0 6px!important;color:var(--ink)!important}.faq-contact-card.daily-cta-card .faq-contact-text p{font-size:14px;color:#14104ac7}.faq-contact-card.daily-cta-card .faq-contact-actions{gap:10px}.faq-contact-card.daily-cta-card .content-cta{padding:10px 22px;font-size:14px;background:var(--purple-700);color:#fff}.faq-contact-card.daily-cta-card .content-cta:hover{background:var(--purple-600);color:#fff}.daily-cta-subject{color:var(--purple-700);font-weight:600}.daily-streak-pill{display:inline-flex;align-items:center;gap:6px;background:var(--coral);border:1px solid rgba(255,122,107,.6);color:#fff;padding:5px 12px;border-radius:999px;font-family:var(--font-display);font-weight:600;font-size:12px;line-height:1.2;margin-top:10px}.daily-streak-pill strong{color:#fff;font-weight:700}.daily-streak-best{color:#ffffffd9;font-weight:500;font-size:11px;margin-left:2px}@media (max-width:880px){.faq-contact-card.daily-cta-card{padding:20px 22px;gap:18px}.faq-contact-card.daily-cta-card .faq-contact-actions{align-items:center}}.ts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.content-section a.ts-card{position:relative;display:block;overflow:hidden;border-radius:10px;background:var(--grade-color);padding:24px 22px 132px;min-height:268px;text-decoration:none;color:var(--ink);font-weight:inherit;cursor:pointer;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.ts-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 24px 44px -26px #2d1b8c80}.ts-card--wide{grid-column:span 2;padding-bottom:36px}.ts-card-doodle{position:absolute;top:-12px;right:-8px;width:88px;height:88px;object-fit:contain;opacity:.45;transform:rotate(10deg);pointer-events:none}.ts-card-body{position:relative;z-index:1;max-width:64%}.ts-card--wide .ts-card-body{max-width:58%}.ts-card-badge{display:inline-block;background:#ffffffb8;color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px}.ts-card-title{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.05;letter-spacing:-.01em;color:var(--ink);margin:10px 0 1px}.ts-card--wide .ts-card-title{font-size:32px}.ts-card-accent{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:500;font-size:18px;color:var(--accent);margin:0 0 12px}.ts-card-count{display:inline-block;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px;margin-bottom:14px;letter-spacing:.02em}.ts-chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}.ts-chip{background:#ffffffd1;color:var(--ink);font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:999px;line-height:1.2}.ts-card-fig{position:absolute;right:-12px;bottom:-16px;width:142px;height:142px;object-fit:contain;pointer-events:none}.ts-card--figleft .ts-card-fig{right:auto;left:-12px;transform:scaleX(-1)}.ts-card--figleft .ts-card-body{margin-left:auto;text-align:right}.ts-card--figleft .ts-chips{justify-content:flex-end}.ts-card--wide .ts-card-fig{width:208px;height:208px;right:18px;bottom:-22px}.ts-ideas{text-align:center}.ts-ideas-box{background:#fff;border-radius:10px;padding:40px 36px;box-shadow:0 18px 40px -30px #14104a4d}.ts-ideas-box h2{margin-top:0}.ts-ideas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px;margin-top:30px}.ts-idea{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.ts-idea-icon{width:54px;height:54px;border-radius:999px;background:var(--purple-100);color:var(--purple-700);display:grid;place-items:center}.ts-idea-icon svg{width:26px;height:26px}.ts-idea-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink);margin:6px 0 0;line-height:1.2}.ts-idea-text{font-size:14px;color:var(--ink-soft);line-height:1.5;margin:0;max-width:300px}@media (max-width:860px){.ts-ideas-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.ts-ideas-grid{grid-template-columns:1fr}}.ts-split{display:grid;grid-template-columns:2fr 1fr;gap:36px;align-items:stretch}.ts-split--rev{grid-template-columns:1fr 2fr}.ts-split-text{align-self:center}.ts-split-text h2{margin-top:0}.ts-split-media img{width:100%;height:100%;min-height:240px;object-fit:cover;border-radius:10px;display:block}@media (max-width:760px){.ts-split,.ts-split--rev{grid-template-columns:1fr;gap:20px}.ts-split--rev .ts-split-media{order:2}.ts-split-media img{min-height:200px}}@media (max-width:1024px){.ts-grid{grid-template-columns:repeat(2,1fr)}.ts-card--wide{grid-column:span 2}.ts-card-body{max-width:62%}}@media (max-width:640px){.ts-grid{grid-template-columns:1fr}.ts-card,.ts-card--wide{grid-column:auto}.ts-card--wide .ts-card-title{font-size:26px}.ts-card-body{max-width:70%}}.faq-contact-card.class-feature-card{display:flex;flex-direction:column;gap:28px;margin:0 0 48px;padding:36px 40px}.class-feature-top{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px}.class-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.class-feature-item{background:#fff;border:1.5px solid rgba(45,27,140,.12);border-radius:10px;padding:18px 18px 16px;text-align:center;box-shadow:0 4px 12px -6px #2d1b8c2e}.class-feature-item h3{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ink);margin:6px 0;line-height:1.2}.class-feature-item p{font-size:13px;color:#14104ac7;line-height:1.5;font-weight:500;margin:0}.class-feature-item .content-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:50%;margin:0 auto 10px;color:var(--purple-700);font-size:0}.class-feature-item .content-card-icon svg{width:24px;height:24px;display:block}@media (max-width:880px){.faq-contact-card.class-feature-card{padding:22px;gap:20px}.class-feature-top{grid-template-columns:1fr;gap:18px}.class-feature-grid{grid-template-columns:1fr}}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.profile-stat{background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:18px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.profile-stat:hover{transform:translateY(-2px);border-color:var(--purple-300);box-shadow:0 14px 28px -20px #2d1b8c59}.profile-stat-value{font-family:var(--font-display);font-weight:700;font-size:clamp(22px,3vw,28px);color:var(--purple-700);line-height:1.1}.profile-stat-label{font-family:var(--font-display);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.profile-badges-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;gap:12px;flex-wrap:wrap}.profile-badges-head h2{margin:0}.profile-badges-count{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--purple-600);background:var(--purple-100);padding:6px 14px;border-radius:999px}.profile-badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;justify-items:stretch}.profile-badge{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px 14px 16px;border-radius:16px;background:#ffffff59;border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);box-shadow:0 14px 28px -22px #2d1b8c59;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease}.profile-badge.earned:hover{transform:translateY(-4px) scale(1.03);background:#ffffff80;box-shadow:0 22px 36px -22px #2d1b8c80}.profile-badge.locked{background:#fff3;border-color:#ffffff59}.profile-badge-hint{font-size:11px;color:var(--ink-soft);font-weight:500;line-height:1.4;padding:0 4px}.badge-art{position:relative;display:inline-block;line-height:0}.badge-glass{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(50% 3.4%,91% 22%,91% 62.7%,50% 81.4%,9% 62.7%,9% 22%);background:linear-gradient(135deg,var(--tint-1) 0%,var(--tint-2) 100%)}.badge-art-svg{position:relative;width:100%;height:100%;display:block;overflow:visible}.badge-art.earned{animation:badgeBob 3.5s ease-in-out infinite}.badge-art.earned:hover{animation:none;transform:scale(1.06) rotate(-2deg);transition:transform .25s ease}.badge-art.locked{filter:grayscale(.85) brightness(.85);opacity:.55}.badge-art .badge-hex{filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}.badge-art .badge-rays{transform-origin:50% 50%;animation:badgeRays 22s linear infinite}.badge-art .badge-sparkle{animation:sparkleTwinkle 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}.badge-art .badge-sparkle-0{animation-delay:0s}.badge-art .badge-sparkle-1{animation-delay:.4s}.badge-art .badge-sparkle-2{animation-delay:.9s}.badge-art .badge-sparkle-3{animation-delay:1.3s}.badge-art .badge-sparkle-4{animation-delay:1.7s}.badge-art .badge-sparkle-5{animation-delay:.2s}.badge-art .badge-sparkle-6{animation-delay:1.1s}.badge-art-lock{position:absolute;top:14%;right:8%;font-size:18px;background:#14104ab8;color:#fff;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;line-height:1}@keyframes badgeRays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sparkleTwinkle{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}@keyframes badgeBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes badgePop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.badge-unlock-banner{margin:4px auto;padding:14px 18px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);border-radius:18px;backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;animation:badgeBannerIn .6s cubic-bezier(.34,1.56,.64,1) backwards;max-width:520px}.badge-unlock-eyebrow{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.04em;color:#fff;margin:0}.badge-unlock-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:flex-start}.badge-unlock-extra{font-family:var(--font-display);font-weight:600;font-size:12px;color:#ffffffbf;margin:0}.badge-unlock-link{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--purple-700);text-decoration:underline;text-decoration-color:#2d1b8c66}.badge-unlock-link:hover{color:var(--purple-600);text-decoration-color:var(--purple-600)}@keyframes badgeBannerIn{0%{transform:translateY(20px) scale(.9);opacity:0}60%{transform:translateY(-4px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.dnevno-name-entry,.dnevno-already-done,.dnevno-result{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:0 auto;width:100%;padding:0 24px}.dnevno-name-entry .name-input,.dnevno-name-entry .start-btn,.dnevno-already-done .start-btn,.dnevno-result .start-btn{max-width:360px}.dnevno-emoji-large{font-size:72px;line-height:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4))}.dnevno-eyebrow{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin:0}.dnevno-grade-picker{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0 12px;padding:14px 18px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.14)}.dnevno-grade-label{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffb3}.dnevno-grade-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dnevno-grade-chip{padding:10px 20px;border-radius:999px;border:2px solid rgba(255,255,255,.35);background:#ffffff1a;color:#fff;font-size:15px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .12s,box-shadow .18s;letter-spacing:.01em}.dnevno-grade-chip:hover{background:#ffffff38;border-color:#fff9;transform:translateY(-1px)}.dnevno-grade-chip.active{background:var(--yellow);color:var(--purple-700);border-color:var(--yellow);box-shadow:0 6px 20px #f9c63d73;transform:translateY(-1px)}.dnevno-grade-chip.active:hover{background:#ffd15a;border-color:#ffd15a}.dnevno-streak-line{font-size:15px;color:#ffffffd9;font-weight:500}.dnevno-streak-line strong{color:var(--coral)}.dnevno-xp-line{font-size:22px;font-weight:700;color:var(--yellow);font-family:var(--font-display)}.dnevno-bonus{font-size:13px;color:#ffffffb3;font-weight:500}.dnevno-best{color:var(--yellow);font-family:var(--font-display);font-weight:700;font-size:15px;background:#f9c63d2e;border:1px solid rgba(249,198,61,.35);padding:6px 16px;border-radius:999px}.dnevno-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.dnevno-secondary{background:#ffffff1f!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)}.dnevno-secondary:hover{background:#fff3!important}@media (max-width:520px){.dnevno-emoji-large{font-size:56px}}.contact-form{display:flex;flex-direction:column;gap:18px;background:#fff;padding:28px;border-radius:24px;border:1.5px solid var(--line)}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-field{display:flex;flex-direction:column;gap:6px}.contact-field span{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink);letter-spacing:.01em}.contact-field input,.contact-field select,.contact-field textarea{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--ink);background:var(--ivory);border:1.5px solid var(--purple-100);border-radius:12px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.contact-field textarea{resize:vertical;min-height:140px;font-family:var(--font-body);line-height:1.5}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{outline:none;border-color:var(--purple-600);background:#fff;box-shadow:0 0 0 4px #4a36e01f}.contact-field input:invalid:not(:placeholder-shown),.contact-field textarea:invalid:not(:placeholder-shown){border-color:var(--coral)}.contact-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.contact-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:4px}.contact-actions .content-cta{cursor:pointer;border:none}.contact-actions .content-cta:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-direct{font-size:14px;color:var(--ink-soft);font-weight:500}.contact-direct:hover{color:var(--purple-600)}.contact-error{margin-top:8px;padding:14px 16px;background:#ff7a6b1a;border:1.5px solid var(--coral);border-radius:12px;color:var(--ink);font-size:14px;font-weight:500;line-height:1.5}.contact-error a{color:var(--purple-600);font-weight:600;text-decoration:underline}.contact-success{background:#fff;padding:48px 32px;border-radius:24px;border:1.5px solid var(--mint);text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.contact-success-icon{display:inline-flex;color:#1e7a52}.contact-success-icon svg{width:52px;height:52px}.contact-success h2{font-family:var(--font-display);font-weight:600;font-size:28px;color:var(--ink);margin:0}.contact-success p{color:var(--ink-soft);font-size:16px;margin-bottom:16px}@media (max-width:640px){.contact-form{padding:20px;border-radius:18px}.contact-row{grid-template-columns:1fr;gap:14px}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions .content-cta{justify-content:center}.contact-direct{text-align:center}}.blog-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:56px 0;border-bottom:1.5px dashed var(--purple-100);margin-bottom:40px;overflow:visible}.blog-hero-deco{position:absolute;top:18px;left:50%;transform:translate(-50%);width:54px;opacity:.7;animation:spinSlow 22s linear infinite;pointer-events:none}.blog-hero-text{display:flex;flex-direction:column;align-items:center;max-width:760px}.blog-hero-text h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4.6vw,48px);line-height:1.05;color:var(--ink);margin:12px 0 16px;letter-spacing:-.01em}.blog-hero-accent{font-family:Fraunces,Playfair Display,Georgia,serif;font-style:italic;font-weight:500;color:var(--purple-600);position:relative;display:inline-block}.blog-hero-accent:after{content:"";position:absolute;left:0;right:0;bottom:6%;height:32%;background:var(--yellow);z-index:-1;border-radius:6px}.blog-hero-lede{font-size:18px;color:var(--ink-soft);max-width:620px;line-height:1.6;font-weight:500;margin:0 auto}.blog-featured-wrap{margin-bottom:48px}.blog-featured{display:grid;grid-template-columns:1.4fr 1fr;align-items:stretch;gap:32px;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:32px;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.blog-featured:hover{transform:translateY(-4px);border-color:var(--purple-300);box-shadow:0 24px 48px -22px #2d1b8c66;color:inherit;text-decoration:none}.blog-featured-text{display:flex;flex-direction:column;gap:14px;justify-content:center}.blog-featured-text h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,2.8vw,32px);color:var(--ink);line-height:1.2;margin:0}.blog-featured-text p{font-size:16px;color:var(--ink-soft);line-height:1.65;margin:0;font-weight:500}.blog-featured-text .blog-card-cat{background:var(--coral);color:#fff}.blog-featured-text .blog-card-cta{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--purple-600)}.blog-featured-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple-100),var(--lavender-soft));border-radius:10px;padding:32px;min-height:200px}.blog-featured-emoji{font-size:120px;line-height:1;filter:drop-shadow(0 12px 24px rgba(45,27,140,.25))}.blog-section-title{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--ink);margin-bottom:18px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.blog-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;color:inherit;text-decoration:none;position:relative;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--purple-600),var(--coral));opacity:0;transition:opacity .25s ease}.blog-card:hover:before{opacity:1}.blog-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px #2d1b8c66;border-color:var(--purple-300);text-decoration:none;color:inherit}.blog-card-emoji{font-size:32px;width:54px;height:54px;border-radius:14px;background:var(--purple-100);display:grid;place-items:center;margin-bottom:2px}.blog-card-meta{display:flex;gap:8px;align-items:center;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap}.blog-card-cat{background:var(--yellow);color:var(--purple-700);padding:4px 10px;border-radius:999px}.blog-card-time{color:var(--ink-soft)}.blog-card h3{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink);line-height:1.25;margin:0}.blog-card p{font-size:14px;color:var(--ink-soft);line-height:1.55;margin:0;font-weight:500}.blog-card-cta{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--purple-600);margin-top:auto;padding-top:8px;transition:color .2s,transform .2s}.blog-card:hover .blog-card-cta{color:var(--purple-700);transform:translate(4px)}.blog-timeline{position:relative;display:flex;flex-direction:column;gap:20px;margin:24px 0 16px;padding-left:62px}.blog-timeline:before{content:"";position:absolute;left:18px;top:20px;bottom:20px;width:4px;border-radius:999px;background:linear-gradient(to bottom,var(--mint) 0%,var(--yellow) 33%,var(--coral) 66%,var(--lavender) 100%)}.blog-timeline-card{position:relative;padding:20px 22px;border-radius:14px;border:1.5px solid rgba(20,16,74,.06)}.blog-timeline-card h3{margin:0 0 8px;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--ink);line-height:1.3}.blog-timeline-card p{margin:0;font-size:15px;color:var(--ink);line-height:1.6;font-weight:500}.blog-timeline-step{position:absolute;left:-62px;top:14px;width:40px;height:40px;border-radius:999px;background:#fff;color:var(--purple-700);font-family:var(--font-display);font-weight:700;font-size:16px;display:grid;place-items:center;border:3px solid var(--purple-600);box-shadow:0 6px 16px -8px #2d1b8c66;z-index:1}.blog-timeline-card--mint{background:var(--mint-soft)}.blog-timeline-card--mint .blog-timeline-step{border-color:#1e7a52;color:#1e7a52}.blog-timeline-card--yellow{background:var(--yellow-soft)}.blog-timeline-card--yellow .blog-timeline-step{border-color:#9b7420;color:#9b7420}.blog-timeline-card--coral{background:var(--coral-soft)}.blog-timeline-card--coral .blog-timeline-step{border-color:#b53a2d;color:#b53a2d}.blog-timeline-card--lavender{background:var(--lavender-soft)}.blog-timeline-card--lavender .blog-timeline-step{border-color:var(--purple-600);color:var(--purple-600)}@media (max-width:720px){.blog-timeline{padding-left:46px;gap:16px}.blog-timeline:before{left:14px;width:3px}.blog-timeline-step{left:-46px;top:12px;width:32px;height:32px;font-size:14px;border-width:2.5px}}.blog-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:16px 0 8px}.blog-column h3{margin:0 0 8px;font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink);line-height:1.25}.blog-bullet-list{list-style:disc;padding-left:22px;margin:0;display:flex;flex-direction:column;gap:8px}.blog-bullet-list li{font-size:16px;color:var(--ink);line-height:1.55;background:none;border:none;border-radius:0;padding:0;font-weight:500}.blog-bullet-list li::marker{color:var(--purple-600)}@media (max-width:720px){.blog-columns{grid-template-columns:1fr;gap:20px}}.blog-card-image{display:block;width:calc(100% + 48px);aspect-ratio:16/10;object-fit:cover;margin:-24px -24px 8px;border-radius:10px 10px 0 0}.blog-featured-art:has(.blog-featured-image){padding:0;background:none;min-height:0;overflow:hidden}.blog-featured-image{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;border-radius:10px}.post-hero-art:has(.post-hero-image){padding:0;background:none;min-height:0;overflow:hidden}.post-hero-image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;box-shadow:0 24px 48px -28px #2d1b8c59}@media (max-width:880px){.post-hero-image{aspect-ratio:16/10}.blog-featured-image{min-height:200px}}.blog-body p{font-size:17px;line-height:1.75}.blog-body h2{margin-top:28px}.blog-body h2:first-child{margin-top:0}.blog-cta-row{margin:8px 0}.blog-cta-row .content-cta{font-size:15px;padding:12px 22px}.blog-ctas-row{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.blog-ctas-row .content-cta{font-size:15px;padding:12px 22px}@media (max-width:560px){.blog-ctas-row{flex-direction:column;align-items:stretch}.blog-ctas-row .content-cta{justify-content:center;text-align:center}}.blog-related{background:linear-gradient(135deg,#fff,var(--lavender-soft));border:1.5px solid var(--line);border-radius:10px;padding:32px}.blog-related-head{margin-bottom:20px}.blog-related-eyebrow{display:block;font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--purple-600);margin-bottom:6px}.blog-related h2{margin:0;font-size:24px;font-family:var(--font-display);font-weight:600;color:var(--ink);line-height:1.2}.blog-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.blog-related-card{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:14px 18px;color:inherit;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.blog-related-card:hover{transform:translateY(-2px);border-color:var(--purple-300);box-shadow:0 16px 28px -18px #2d1b8c66;text-decoration:none;color:inherit}.blog-related-icon{flex-shrink:0;width:48px;height:48px;border-radius:10px;background:var(--purple-100);overflow:hidden}.blog-related-icon img{width:100%;height:100%;object-fit:cover;display:block}.blog-related-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.blog-related-type{font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--purple-600)}.blog-related-label{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink);line-height:1.35}.blog-related-arrow{flex-shrink:0;width:28px;height:28px;border-radius:999px;background:var(--yellow);color:var(--purple-700);font-weight:700;font-size:14px;display:grid;place-items:center;transition:transform .2s ease;line-height:1}.blog-related-card:hover .blog-related-arrow{transform:translate(4px)}.content-section a.blog-related-card,.content-section a.blog-related-card:hover{text-decoration:none;color:inherit}@media (max-width:640px){.blog-related{padding:24px}.blog-related-grid{grid-template-columns:1fr}}.content-list li{border-radius:10px}.post-hero{position:relative;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;padding:32px 0 48px;border-bottom:1.5px dashed var(--purple-100);margin-bottom:40px;overflow:visible}.post-hero-text h1{font-family:var(--font-display);font-weight:600;font-size:clamp(26px,4vw,40px);line-height:1.04;color:var(--ink);margin:12px 0 16px;letter-spacing:-.01em}.post-hero-lede{font-size:18px;color:var(--ink-soft);line-height:1.65;font-weight:500;margin:0}.post-hero-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--purple-100),var(--lavender-soft));border-radius:10px;padding:48px;min-height:240px}.post-hero-emoji{font-size:140px;line-height:1;filter:drop-shadow(0 16px 28px rgba(45,27,140,.28))}.post-article{margin:0 auto}.hero-photo{position:relative;aspect-ratio:1/1.05;width:100%;max-width:520px;margin:0 auto}.hero-photo-frame{position:absolute;top:6%;right:10%;bottom:10%;left:10%;border-radius:50%;overflow:hidden;background:var(--lavender);box-shadow:0 20px 60px #4b2aa838,inset 0 0 0 8px #fff,inset 0 0 0 12px var(--yellow);animation:bobFloat 6s ease-in-out infinite}.hero-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hero-photo-orbit{position:absolute;top:2%;right:6%;bottom:6%;left:6%;border-radius:50%;border:2px dashed var(--purple-300);opacity:.6;animation:spinSlow 40s linear infinite}.hero-photo-orbit:before,.hero-photo-orbit:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%}.hero-photo-orbit:before{top:-9px;left:50%;transform:translate(-50%);background:var(--coral)}.hero-photo-orbit:after{bottom:-9px;left:50%;transform:translate(-50%);background:var(--mint)}@media (max-width:880px){.hero-photo{max-width:340px}}.page-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;padding:48px 0;border-bottom:1.5px dashed var(--purple-100);margin-bottom:40px;overflow:visible}.page-hero-text h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4.6vw,48px);line-height:1;color:var(--ink);margin:12px 0 16px;letter-spacing:-.01em}.page-hero-accent{font-family:Fraunces,Playfair Display,Georgia,serif;font-style:italic;font-weight:500;color:var(--purple-600);position:relative;display:inline-block}.page-hero-accent:after{content:"";position:absolute;left:0;right:0;bottom:6%;height:32%;background:var(--yellow);z-index:-1;border-radius:6px}.page-hero-lede{font-size:17px;color:var(--ink-soft);line-height:1.6;font-weight:500;margin:0 0 24px}.contact-topics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.contact-topics li{font-size:14px;color:var(--ink);font-weight:500;padding:10px 14px;background:#fff;border:1.5px solid var(--line);border-radius:10px;line-height:1.45;display:flex;align-items:center;gap:10px}.contact-topic-icon{flex-shrink:0;display:inline-flex;color:var(--purple-600)}.contact-topic-icon svg{width:20px;height:20px}.contact-btn-icon{display:inline-flex}.contact-btn-icon svg{width:18px;height:18px}.page-hero .content-ctas{justify-content:flex-start;margin-top:24px}.page-hero-art{display:flex;justify-content:center;align-items:center}.content-main--wide .contact-form,.content-main--wide .contact-success{max-width:720px;margin-left:auto;margin-right:auto;border-radius:10px}.contact-success{border-radius:10px}@media (max-width:880px){.post-hero{grid-template-columns:1fr;gap:24px;padding:16px 0 32px;text-align:center;margin-bottom:28px}.post-hero-text{display:flex;flex-direction:column;align-items:center}.post-hero-art{min-height:160px;padding:24px}.post-hero-emoji{font-size:96px}.page-hero{grid-template-columns:1fr;gap:24px;padding:24px 0 32px;text-align:center;margin-bottom:28px}.page-hero-text{display:flex;flex-direction:column;align-items:center}.contact-topics{align-items:stretch;text-align:left;width:100%}.page-hero .content-ctas{justify-content:center}}.blog-body a,.blog-related a{text-decoration:none}.blog-body a:not(.content-cta):hover,.blog-related a:not(.content-cta):hover{text-decoration:none;color:var(--purple-700)}.content-section a.content-cta,.content-section a.content-cta:hover{color:#fff;text-decoration:none}.content-section a.content-cta--ghost{color:var(--purple-700)}.content-section a.content-cta--ghost:hover{color:#fff}.content-section a.blog-card,.content-section a.blog-card:hover,.content-section a.blog-featured,.content-section a.blog-featured:hover{text-decoration:none;color:inherit}.content-cta-block{border-radius:10px}@media (max-width:880px){.blog-hero{padding:32px 0 36px;margin-bottom:28px}.blog-hero-deco{display:none}.blog-featured{grid-template-columns:1fr;padding:24px;gap:24px}.blog-featured-art{min-height:160px;padding:24px}.blog-featured-emoji{font-size:88px}.blog-featured-text h2{font-size:22px}}.faq-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.faq-item{background:#fff;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.faq-item:hover{border-color:var(--purple-300);box-shadow:0 14px 30px -20px #2d1b8c66;transform:translateY(-2px)}.faq-item.is-open{border-color:var(--purple-300);box-shadow:0 16px 32px -20px #2d1b8c73}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;cursor:pointer;padding:20px 24px;background:transparent;border:none;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:16px;line-height:1.35;text-align:left}.faq-question span:first-child{flex:1}.faq-toggle{flex-shrink:0;width:32px;height:32px;border-radius:999px;background:var(--yellow);color:var(--purple-700);font-size:22px;font-weight:600;display:grid;place-items:center;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s ease,color .25s ease}.faq-item.is-open .faq-toggle{transform:rotate(135deg);background:var(--coral);color:#fff}.faq-answer-wrap{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1)}.faq-answer{padding:18px 24px 22px;font-size:15px;color:var(--ink);line-height:1.7;font-weight:500;border-top:1px dashed var(--purple-100)}.content-main--wide{max-width:1280px}.faq-hero{position:relative;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;padding:48px 0 56px;border-bottom:1.5px dashed var(--purple-100);margin-bottom:48px;overflow:visible}.faq-hero-deco{position:absolute;pointer-events:none;opacity:.7}.faq-hero-deco-1{top:-10px;left:-30px;width:60px;animation:spinSlow 22s linear infinite}.faq-hero-deco-2{bottom:-10px;right:48%;width:48px}.faq-hero-text h1{font-family:var(--font-display);font-weight:600;font-size:clamp(28px,4.6vw,48px);line-height:1;color:var(--ink);margin:12px 0 16px;letter-spacing:-.01em}.faq-hero-accent{font-family:Fraunces,Playfair Display,Georgia,serif;font-style:italic;font-weight:500;color:var(--purple-600);position:relative;display:inline-block}.faq-hero-accent:after{content:"";position:absolute;left:0;right:0;bottom:6%;height:32%;background:var(--yellow);z-index:-1;border-radius:6px}.faq-hero-lede{font-size:18px;color:var(--ink-soft);max-width:520px;line-height:1.6;font-weight:500;margin-bottom:28px}.faq-hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.faq-hero-art{display:flex;justify-content:center;align-items:center}.faq-groups{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:48px}.faq-group{display:flex;flex-direction:column;gap:18px}.faq-group-header{display:flex;align-items:flex-start;gap:14px;padding:0 4px 4px}.faq-group-emoji{font-size:32px;flex-shrink:0;width:54px;height:54px;border-radius:16px;background:var(--purple-100);display:grid;place-items:center}.faq-group-header h2{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--ink);line-height:1.2;margin-bottom:4px}.faq-group-header p{font-size:14px;color:var(--ink-soft);font-weight:500;line-height:1.5;margin:0}.faq-contact-card{position:relative;background:linear-gradient(135deg,var(--purple-700),var(--purple-500) 60%,var(--purple-600));border-radius:10px;padding:48px 56px;color:#fff;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px;overflow:hidden}.faq-contact-card:before{content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;border-radius:999px;background:#f9c63d2e;pointer-events:none;animation:dailyDrift1 9s ease-in-out infinite}.faq-contact-card:after{content:"";position:absolute;bottom:-60px;left:-60px;width:180px;height:180px;border-radius:999px;background:#ff7a6b26;pointer-events:none;animation:dailyDrift2 11s ease-in-out infinite}@keyframes dailyDrift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-12px,10px) scale(1.04)}}@keyframes dailyDrift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,-12px) scale(.96)}}.faq-contact-text{position:relative;z-index:1}.faq-contact-text .content-eyebrow{color:var(--yellow)}.faq-contact-text h2{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,3.2vw,32px);color:#fff;margin:8px 0 12px;line-height:1.2}.faq-contact-text p{color:#ffffffd9;font-size:15px;line-height:1.6;font-weight:500;margin:0}.faq-contact-actions{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.faq-contact-actions .content-cta{background:var(--yellow);color:var(--ink);box-shadow:0 14px 28px -14px #0006}.faq-contact-actions .content-cta:hover{background:#fff;color:var(--purple-700)}.faq-contact-email{font-size:14px;color:#ffffffbf;font-weight:500;text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.faq-contact-email:hover{color:var(--yellow);text-decoration-color:var(--yellow)}@media (max-width:880px){.faq-hero{grid-template-columns:1fr;gap:24px;padding:24px 0 36px;text-align:center}.faq-hero-text{display:flex;flex-direction:column;align-items:center}.faq-hero-lede{margin-left:auto;margin-right:auto}.faq-hero-ctas{justify-content:center}.faq-hero-deco-2{display:none}.faq-groups{grid-template-columns:1fr;gap:36px}.faq-contact-card{grid-template-columns:1fr;padding:36px 28px;text-align:center;border-radius:10px}.faq-contact-text{display:flex;flex-direction:column;align-items:center}.faq-contact-actions{align-items:center}}@media (max-width:640px){.blog-card{padding:20px}.blog-card h2{font-size:18px}.blog-body p{font-size:16px;line-height:1.7}.faq-item summary{padding:16px 18px;font-size:15px}.faq-answer{padding:16px 18px;font-size:14px}}.class-hero{padding:32px 0 24px;border-bottom:1.5px dashed var(--purple-100);margin-bottom:32px}.class-hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,48px);color:var(--ink);margin:0 0 8px;line-height:1.1}.class-hero-school{font-size:18px;color:var(--ink-soft);font-weight:500;margin:0}.class-hero-lede{font-size:17px;color:var(--ink-soft);line-height:1.6;margin:14px 0 0;max-width:600px}.class-banner{padding:14px 18px;border-radius:14px;font-weight:600;margin-bottom:20px;font-size:15px}.class-banner--success{background:var(--mint-soft);color:#1e7a52;border:1px solid #7DD9B0}.class-banner--error{background:var(--coral-soft);color:#9b2d24;border:1px solid #FF9F8F}.class-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.class-pair-card{background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}.class-pair-card h2{font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--ink);margin:0;line-height:1.2}.class-pair-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.5;margin:0}.class-pair-card .content-eyebrow{margin-bottom:0;font-size:11px}.class-pair-actions{display:flex;gap:8px;margin-top:auto;padding-top:6px;flex-wrap:wrap}.class-pair-actions .content-cta{padding:8px 16px;font-size:13px}.class-share-as-grade{position:relative;overflow:hidden;background:var(--grade-color,var(--purple-100));border:1px solid rgba(20,16,74,.06);padding:14px 16px;font-family:var(--font-display);color:var(--ink);gap:6px}.class-share-grade-head{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.class-share-as-grade .grade-card-age{background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink);font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.02em}.class-share-as-grade .content-eyebrow{color:var(--purple-700);margin-bottom:0;font-size:10px;position:relative;z-index:1}.class-share-grade-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:var(--ink);margin:0;position:relative;z-index:1}.class-share-grade-school{font-size:12px;font-weight:500;color:var(--ink);opacity:.78;margin:0;position:relative;z-index:1}.class-share-as-grade .class-share-url{display:inline-block;max-width:65%;padding:6px 10px;border-radius:6px;background:#ffffffb3;border:1.5px solid rgba(20,16,74,.1);font-size:12px;font-family:monospace;overflow-x:auto;white-space:nowrap;color:var(--ink);position:relative;z-index:1;text-overflow:ellipsis}.class-share-as-grade .class-pair-actions{position:relative;z-index:1;margin-top:4px;padding-top:0}.class-share-as-grade .content-cta{background:var(--ink);color:#fff;font-family:var(--font-display);font-size:12px;font-weight:700;padding:7px 14px;border-radius:999px;box-shadow:0 6px 12px -8px #14104a66}.class-share-as-grade .content-cta:hover{background:var(--purple-700);color:#fff}.class-share-grade-fig{position:absolute;right:-4px;bottom:-14px;width:220px;max-height:240px;object-fit:contain;pointer-events:none}@media (max-width: 820px){.class-pair{grid-template-columns:1fr;gap:12px}.class-pair-card{padding:14px 16px}.class-share-grade-fig{width:160px;max-height:170px}}.class-subjects h2{margin-bottom:18px}.class-subjects .s-card{text-decoration:none}.class-lb-rows{display:flex;flex-direction:column;gap:8px}.class-form{display:grid;gap:18px;margin-top:24px;max-width:560px}.class-field{display:grid;gap:8px}.class-field-label{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--ink)}.class-field-label em{font-style:normal;color:var(--ink-soft);font-weight:500;font-size:12px}.class-input{width:100%;padding:13px 16px;font-size:16px;border-radius:12px;border:2px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;transition:border-color .15s,box-shadow .15s}.class-input:focus{outline:none;border-color:var(--purple-500);box-shadow:0 0 0 4px #6c56f51f}