@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg:#faf9f6;--surface:#fff;--surface-muted:#f8f6f1;--surface-elevated:#fff;--ink:#171717;--ink-soft:#2b2b2b;--muted:#797979;--muted-2:#9e9a91;--muted-3:#b8b5af;--line:#eae7e1;--line-strong:#ece8df;--yellow:#ffe66d;--yellow-soft:#fff7c7;--yellow-soft-border:#ffe66d8c;--blue:#8ec5ff;--blue-soft:#e7f4ff;--blue-soft-border:#8ec5ff73;--pink:#ffb6d9;--pink-soft:#fff0f7;--pink-soft-border:#ffb6d973;--green:#c9efb8;--green-soft:#e9fbe5;--green-dark:#568942;--shadow:0 20px 50px #22201914;--shadow-soft:0 8px 22px #1717170f;--radius-xl:36px;--radius-lg:28px;--radius-md:20px;--max-width:1240px}.tka-root{background:var(--bg);color:var(--ink);min-height:100vh}@keyframes hero-scan-sweep{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}50%{opacity:.9;transform:translateY(560px)}85%{opacity:0}to{opacity:0;transform:translateY(560px)}}@keyframes scan-shine{0%{transform:translate(-100%)}55%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes scan-bar{0%,to{opacity:.9;transform:scaleY(.85)}50%{opacity:1;transform:scaleY(1.25)}}@keyframes countdown-pulse{0%,to{transform:rotate(1.8deg)scale(1)}50%{transform:rotate(1.8deg)scale(1.04);box-shadow:0 12px 28px #ff6b2d24}}@keyframes eq-pop{0%{transform:scale(.92)}60%{transform:scale(1.12)}to{transform:scale(1.07)}}@keyframes eq-winner{0%,to{transform:scale(1.07)rotate(-.6deg);box-shadow:0 8px 18px #ffb6d952,0 2px #171717}50%{transform:scale(1.11)rotate(.8deg);box-shadow:0 14px 28px #ffb6d96b,0 3px #171717}}@keyframes op-pop{0%{transform:scale(.7)rotate(-12deg)}to{transform:scale(1.08)rotate(0)}}@keyframes progress-shine{0%{transform:translate(-100%)}55%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.72)}}@keyframes connector-pulse{0%,to{transform:scale(1.06);box-shadow:0 10px 22px #1717171c}50%{transform:scale(1.14);box-shadow:0 12px 26px #17171729}}@keyframes juara-glow{0%,to{box-shadow:0 30px 60px #ffb6d93d,0 0 #ffb6d900}50%{box-shadow:0 34px 66px #ffb6d957,0 0 0 10px #ffb6d914}}@keyframes typing-bounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.7)}}@keyframes dashboard-float{0%,to{transform:rotate(2deg)translateY(0)}50%{transform:rotate(1deg)translateY(-10px)}}@keyframes floating-card{0%,to{translate:0}50%{translate:0 -9px}}@keyframes emoji-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes sparkle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(12deg)scale(1.08)}}@keyframes book-float{0%,to{transform:rotate(7deg)translateY(0)}50%{transform:rotate(4deg)translateY(-7px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ai-scribble{transform-origin:0;will-change:transform;transform:rotate(-.7deg)scaleX(0)}.ai-scribble-drawn{animation:.8s cubic-bezier(.16,1,.3,1) forwards ai-scribble-draw}@keyframes ai-scribble-draw{0%{transform:rotate(-.7deg)scaleX(0)}70%{transform:rotate(-.7deg)scaleX(1.03)}to{transform:rotate(-.7deg)scaleX(1)}}.scribble{transform-origin:0;will-change:transform;border-radius:.55em .9em .5em .85em/.9em .5em .9em .55em;animation:.9s cubic-bezier(.22,.9,.28,1) both scribble-draw;transform:scaleX(0)}.scribble-d1{animation-delay:.45s}.scribble-d2{animation-delay:.85s}@keyframes scribble-draw{0%{transform:scaleX(0)}70%{transform:scaleX(1.03)}to{transform:scaleX(1)}}.brush-underline{transform-origin:0;will-change:transform;transform:scaleX(0)}.brush-underline.brush-drawn{animation:.8s cubic-bezier(.16,1,.3,1) forwards brush-draw}.brush-d1{animation-delay:.1s}.brush-d2{animation-delay:.3s}.brush-d3{animation-delay:.15s}@keyframes brush-draw{0%{transform:scaleX(0)}70%{transform:scaleX(1.03)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ai-scribble,.ai-scribble-drawn{animation:none!important;transform:rotate(-.7deg)scaleX(1)!important}.scribble{transform:scaleX(1);animation:none!important}.brush-underline,.brush-underline.brush-drawn{animation:none!important;transform:scaleX(1)!important}}