.home{font-family:var(--font-nunito),"Nunito",system-ui,sans-serif;font-weight:700;line-height:1.55;color:var(--ink);position:relative;z-index:1}.home *{box-sizing:border-box}.home .baloo,.home h1,.home h2,.home h3{font-family:var(--font-baloo),"Baloo 2",sans-serif}html[data-theme=light] .home{--h-hero:#58B6FB;--h-text:#1E2A0E;--h-lead:#1E2A0E;--h-hl-bg:#1E2A0E;--h-hl-fg:#FFD84D;--h-hl-border:transparent;--h-tag-bg:#1E2A0E;--h-tag-fg:#FFD84D;--h-btn-bg:#1E2A0E;--h-btn-fg:#FFF8EB;--h-btn-shadow:#E8741C;--h-btn2:#1E2A0E;--h-deco:rgba(255,255,255,.34);--h-quiz-shadow:#16190F;--h-line:#16190F;--h-box1-bg:#FFD84D;--h-box1-fg:#1E2A0E;--h-box2-bg:#1E2A0E;--h-box2-fg:#FFF8EB;--h-box2-btn:#FFF8EB;--h-box2-btn-fg:#1E2A0E;--h-sub:#566240}html[data-theme=dark] .home{--h-hero:#0C1D58;--h-text:#FFF8EB;--h-lead:#D6DCF0;--h-hl-bg:#FFD84D;--h-hl-fg:#1E2A0E;--h-hl-border:transparent;--h-tag-bg:#E8741C;--h-tag-fg:#FFFFFF;--h-btn-bg:#FFD84D;--h-btn-fg:#1E2A0E;--h-btn-shadow:#E8741C;--h-btn2:#FFF8EB;--h-deco:rgba(255,216,77,.1);--h-quiz-shadow:#E8741C;--h-line:#05070F;--h-box1-bg:#FFD84D;--h-box1-fg:#1E2A0E;--h-box2-bg:#26335A;--h-box2-fg:#FFF8EB;--h-box2-btn:#FFD84D;--h-box2-btn-fg:#1E2A0E;--h-sub:#A9B3D0}.home .band{background:var(--h-hero);color:var(--h-text);margin-top:-72px;padding:72px 0;position:relative;overflow:hidden;border-bottom:3px solid var(--h-line)}.home .band:before{content:"";position:absolute;right:-120px;top:-140px;width:520px;height:520px;border-radius:50%;background:var(--h-deco);pointer-events:none}.home .wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}.home .hero{display:flex;flex-wrap:wrap;gap:48px;align-items:center;padding-top:48px}.home .heroL{flex:1 1 460px;min-width:0}.home .tagline{display:inline-block;background:var(--h-tag-bg);color:var(--h-tag-fg);font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:6px;margin-bottom:22px;transform:rotate(-1.5deg)}.home h1{font-weight:800;font-size:68px;line-height:1.12;letter-spacing:-.015em;margin:0 0 20px}.home h1 .hl{display:inline-block;background:var(--h-hl-bg);color:var(--h-hl-fg);padding:0 16px 4px;border-radius:14px;line-height:1.1;margin-top:6px;transform:rotate(-1.5deg)}.home .lead{font-size:19px;max-width:30em;margin:0 0 30px;color:var(--h-lead)}.home .row{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}.home .btn{font-weight:800;font-size:21px;background:var(--h-btn-bg);color:var(--h-btn-fg);border:3px solid var(--h-line);border-radius:999px;padding:8px 32px;box-shadow:5px 5px 0 var(--h-btn-shadow);cursor:pointer;line-height:1.55}.home .btn,.home .btn2{font-family:var(--font-baloo),"Baloo 2",sans-serif;text-decoration:none;display:inline-block}.home .btn2{font-weight:700;font-size:19px;color:var(--h-btn2);border:3px solid var(--h-btn2);border-radius:999px;padding:6px 26px}.home .band:before{display:none}.home .band canvas.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}.home .band .veil{position:absolute;inset:0;pointer-events:none}html[data-theme=dark] .home .band .veil{background:linear-gradient(90deg,rgba(6,10,40,.78),rgba(6,10,40,.5) 42%,rgba(6,10,40,0) 68%)}html[data-theme=light] .home .band .veil{background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.42) 42%,rgba(255,255,255,0) 68%)}.home .quizWrap{flex:1 1 400px;min-width:0;display:flex;justify-content:center;perspective:1100px;--rx:0deg;--ry:0deg}.home .quiz{width:100%;max-width:440px;background:#FFF8EB;color:#1E2A0E;border:3px solid var(--h-line);border-radius:28px;padding:24px;box-shadow:9px 9px 0 var(--h-quiz-shadow);transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(1.5deg);transform-style:preserve-3d;transition:transform .18s ease-out}.home .quiz .qlabel,.home .quiz .qq{transform:translateZ(16px)}.home .quiz .qtop{transform:translateZ(10px)}.home .qtop{display:flex;align-items:center;gap:12px;margin-bottom:16px}.home .bar{flex:1;height:16px;border:3px solid var(--h-line);border-radius:999px;background:#fff;overflow:hidden}.home .bar i{display:block;height:100%;width:60%;background:#E8741C;border-right:3px solid var(--h-line)}.home .heart{font-family:var(--font-baloo),"Baloo 2",sans-serif;font-weight:800;display:flex;align-items:center;gap:4px}.home .qlabel{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6A7258}.home .qq{font-family:var(--font-baloo),"Baloo 2",sans-serif;font-weight:700;font-size:25px;line-height:1.25;margin:4px 0 14px}.home .ans{cursor:pointer;text-align:left;font-family:inherit;transform:translateZ(12px);transition:transform .12s ease}.home .ans:not(:disabled):hover{transform:translate3d(0,-2px,22px)}.home .ans:disabled{cursor:default}.home .ans.bad{background:#FBE3DF;border-color:#B3403B;box-shadow:0 4px 0 #B3403B}.home .ans{display:block;width:100%;font-weight:800;font-size:17px;background:#fff;border:3px solid var(--h-line);border-radius:16px;padding:11px 16px;margin-bottom:10px;box-shadow:0 4px 0 var(--h-line);color:#1E2A0E}.home .ans.ok{background:#DDF1D0;border-color:#2F6B2A;box-shadow:0 4px 0 #2F6B2A}.home .good{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#DDF1D0;border:3px solid #2f6b2a;border-radius:16px;padding:9px 16px;margin-top:4px;font-weight:800;color:#1F4A1C}.home .good.no{background:#FBE3DF;border-color:#B3403B;color:#7A2018}.home .good b{font-size:20px}.home .good b,.home .nextBtn{font-family:var(--font-baloo),"Baloo 2",sans-serif}.home .nextBtn{display:inline-block;margin-top:12px;font-weight:800;font-size:17px;background:#1E2A0E;color:#FFF8EB;border:3px solid var(--h-line);border-radius:999px;padding:4px 22px;box-shadow:0 4px 0 #E8741C;cursor:pointer;text-decoration:none;line-height:1.5}.home .nextBtn.ghost{background:#fff;color:#1E2A0E;box-shadow:0 4px 0 var(--h-line)}.home .res{text-align:center;padding:8px 0 4px}.home .res .score{font-family:var(--font-baloo),"Baloo 2",sans-serif;font-weight:800;font-size:64px;line-height:1;margin:6px 0 8px}.home .res .score small{font-size:26px;color:#6A7258}.home .res p{margin:0 0 6px;font-size:16px}.home .resBtns{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center}.home .qr{text-align:center}.home .qr .qq{margin-bottom:8px}.home .qr .qrImg{display:block;margin:4px auto 8px;width:min(226px,70%);height:auto;border-radius:14px;border:3px solid var(--h-line);background:#fff}.home .qr p{margin:0;font-size:15px;color:#4A5733}.home .sec{padding:64px 0 16px}.home h2{font-weight:800;font-size:44px;line-height:1.05;margin:0 0 8px;letter-spacing:-.01em}.home .sub{margin:0 0 30px;font-size:18px;color:var(--h-sub);font-weight:600}.home .grp{font-weight:800;font-size:24px;line-height:1.2;margin:34px 0 16px;display:flex;align-items:center;gap:14px}.home .grp:after{content:"";flex:1;height:3px;background:currentColor;opacity:.18;border-radius:2px}.home .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.home .card{position:relative;border:3px solid var(--h-line);border-radius:26px;padding:22px 20px 20px;box-shadow:7px 7px 0 var(--h-line);color:#fff;display:flex;flex-direction:column;min-height:285px;min-width:0;overflow:hidden;text-align:left;width:100%;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.home .card:focus-visible,.home .card:hover{box-shadow:8px 10px 0 var(--h-line);animation:cardBob 1.1s ease-in-out infinite}.home .card .ic{width:50px;height:50px;border-radius:14px;background:#FFF8EB;display:grid;place-items:center;border:3px solid var(--h-line);flex:none}.home .card h3{font-weight:800;font-size:32px;line-height:1.02;margin:16px 0 8px;text-shadow:2px 2px 0 rgba(0,0,0,.22)}.home .card p{margin:0;font-size:15px;font-weight:700}.home .card .bt{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.home .pill{font-family:var(--font-baloo),"Baloo 2",sans-serif;font-weight:800;font-size:14px;background:rgba(0,0,0,.28);border-radius:999px;padding:1px 16px;letter-spacing:.04em;text-transform:uppercase}.home .pill.soon{background:transparent;border:2px dashed rgba(255,255,255,.85)}.home .ar{width:40px;height:40px;border-radius:50%;background:#FFF8EB;border:3px solid var(--h-line);display:grid;place-items:center;flex:none}.home .dots{position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.14)}.home .k1{background:#3F5BD9}.home .k2{background:#2A9D9A}.home .k3{background:#E8741C}.home .k4{background:#2F8F5B}.home .k5{background:#8A55C2}.home .k6{background:#D4566F}.home .k7{background:#B9791A}.home .k8{background:#4E5FC4}.home .two{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px;padding:56px 0 8px}.home .big{border:3px solid var(--h-line);border-radius:32px;padding:36px 36px 32px;box-shadow:9px 9px 0 var(--h-line);min-width:0}.home .big:hover{animation:cardBob 1.1s ease-in-out infinite}.home .big h3{font-weight:800;font-size:46px;line-height:1;margin:0 0 10px}.home .big p{margin:0 0 22px;font-size:17px;max-width:24em}.home .b1{background:var(--h-box1-bg);color:var(--h-box1-fg)}.home .b2{background:var(--h-box2-bg);color:var(--h-box2-fg)}.home .chip{display:inline-block;background:#FFF8EB;color:#1E2A0E;border:3px solid var(--h-line);border-radius:999px;font-weight:800;font-size:13px;padding:1px 14px;margin-bottom:14px;text-transform:uppercase}.home .b1 .btn{background:#1E2A0E;color:#FFF8EB;border-color:var(--h-line);box-shadow:5px 5px 0 #E8741C}.home .b2 .btn{background:var(--h-box2-btn);color:var(--h-box2-btn-fg);box-shadow:5px 5px 0 var(--h-line)}@media (max-width:1000px){.home .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.home .cards{grid-template-columns:1fr}.home h1{font-size:44px}.home h2{font-size:34px}.home .two{grid-template-columns:1fr}.home .big{padding:28px 24px}.home .wrap{padding:0 20px}}@keyframes cardBob{0%,to{transform:translateY(-3px)}50%{transform:translateY(-11px)}}@keyframes cardBobSoft{0%,to{transform:translateY(-3px)}50%{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.home .big,.home .card{transition:none}.home .big:hover,.home .card:focus-visible,.home .card:hover{animation:cardBobSoft 2.4s ease-in-out infinite}}