:root{--kp-blue:#3075b8;--kp-blue-deep:#1e4f98;--kp-blue-press:#27598f;--kp-gold:#eea215;--kp-gold-deep:#c47f00;--kp-green:#1aa260;--kp-green-soft:#e6f6ee;--kp-coral:#e8604c;--kp-coral-soft:#fdecea;--kp-purple:#7a5cd0;--kp-purple-soft:#efeafb;--kp-ink:#22303f;--kp-muted:#6b7d8f;--kp-cream:#fbf6ec;--kp-card:#fff;--kp-line:#ece3d2;--kp-r-lg:30px;--kp-r-md:20px;--kp-r-sm:14px;--kp-shadow-card:0 1px 0 rgba(30,79,152,.04),0 24px 48px -22px rgba(30,79,152,.32);--kp-shadow-soft:0 10px 22px -14px rgba(30,79,152,.28);--kp-fd:var(--font-fredoka),system-ui,sans-serif;--kp-fb:var(--font-nunito),system-ui,sans-serif}.kp-stage{position:relative;width:100%;min-height:100vh;overflow:hidden;padding:64px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:var(--kp-fb);color:var(--kp-ink)}.kp-stage .kp-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.kp-frame{position:relative;z-index:1;width:100%;max-width:480px;margin:auto}.kp-d{position:absolute;animation:kp-drift 9s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(30,79,152,.14))}@keyframes kp-drift{0%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-22px) rotate(calc(var(--rot,0deg) + 6deg))}to{transform:translateY(0) rotate(var(--rot,0deg))}}@keyframes kp-spin{to{transform:rotate(1turn)}}.kp-ring{position:absolute;border-radius:50%;border:2px dashed rgba(48,117,184,.16);animation:kp-spin 34s linear infinite}.kp-d.kp-wide{display:none}@media (min-width:900px){.kp-d.kp-wide{display:block}}.kp-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);animation:kp-breathe 9s ease-in-out infinite}@keyframes kp-breathe{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.12) translate(2%,-2%)}}.kp-sparkle{animation:kp-twinkle 2.8s ease-in-out infinite}@keyframes kp-twinkle{0%,to{opacity:.3;transform:scale(.7) rotate(0deg)}50%{opacity:.9;transform:scale(1.1) rotate(20deg)}}.kp-st-home{background:radial-gradient(40% 50% at 12% 30%,rgba(48,117,184,.16),transparent 70%),radial-gradient(40% 50% at 88% 20%,rgba(238,162,21,.18),transparent 70%),var(--kp-cream)}.kp-st-form{background:radial-gradient(45% 55% at 85% 25%,rgba(48,117,184,.12),transparent 70%),var(--kp-cream);background-image:radial-gradient(rgba(48,117,184,.06) 1px,transparent 0),radial-gradient(45% 55% at 85% 25%,rgba(48,117,184,.12),transparent 70%);background-size:22px 22px,auto}.kp-st-review{background:radial-gradient(46% 55% at 50% 18%,rgba(238,162,21,.2),transparent 70%),var(--kp-cream)}.kp-st-quest{background:radial-gradient(40% 45% at 14% 24%,rgba(48,117,184,.16),transparent 70%),radial-gradient(40% 45% at 86% 30%,rgba(238,162,21,.13),transparent 70%),var(--kp-cream)}.kp-st-results{background:radial-gradient(55% 55% at 50% 12%,rgba(238,162,21,.24),transparent 70%),var(--kp-cream)}.kp-st-builder{background:linear-gradient(var(--kp-cream),var(--kp-cream)),repeating-linear-gradient(0deg,rgba(48,117,184,.06) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(48,117,184,.06) 0 1px,transparent 1px 28px)}.kp-st-summary{background:radial-gradient(45% 50% at 84% 20%,rgba(48,117,184,.16),transparent 70%),radial-gradient(38% 45% at 12% 80%,rgba(122,92,208,.14),transparent 70%),var(--kp-cream)}.kp-st-saved{background:radial-gradient(42% 50% at 86% 22%,rgba(238,162,21,.12),transparent 70%),var(--kp-cream)}.kp-st-loading{background:radial-gradient(40% 45% at 50% 42%,rgba(238,162,21,.22),transparent 70%),var(--kp-cream)}.kp-screen{background:var(--kp-card);border:1px solid var(--kp-line);border-radius:var(--kp-r-lg);box-shadow:var(--kp-shadow-card);overflow:hidden}.kp-pad{padding:22px}.kp-icon-btn{width:46px;height:46px;border:1px solid var(--kp-line);border-radius:16px;background:var(--kp-card);box-shadow:var(--kp-shadow-soft);color:var(--kp-blue-deep);cursor:pointer;display:grid;place-items:center;transition:transform .15s,color .15s}.kp-icon-btn:hover{transform:translateY(-2px);color:var(--kp-blue)}.kp-icon-btn svg{width:21px;height:21px}.kp-btn{position:relative;border:none;cursor:pointer;font-family:var(--kp-fd);font-weight:600;font-size:16px;border-radius:999px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s,box-shadow .12s;overflow:hidden}.kp-btn svg{width:18px;height:18px}.kp-btn:disabled{opacity:.55;cursor:default}.kp-btn-primary{background:var(--kp-blue);color:#fff;box-shadow:0 5px 0 var(--kp-blue-press)}.kp-btn-primary:not(:disabled):hover{transform:translateY(-2px)}.kp-btn-primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--kp-blue-press)}.kp-btn-gold{background:var(--kp-gold);color:#5a3c00;box-shadow:0 5px 0 var(--kp-gold-deep)}.kp-btn-gold:not(:disabled):hover{transform:translateY(-2px)}.kp-btn-gold:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--kp-gold-deep)}.kp-btn-green{background:var(--kp-green);color:#fff;box-shadow:0 5px 0 #137a48}.kp-btn-green:not(:disabled):hover{transform:translateY(-2px)}.kp-btn-green:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 #137a48}.kp-btn-ghost{background:#f2f6fa;color:var(--kp-blue-deep);border:1px solid var(--kp-line)}.kp-btn-block{width:100%}.kp-btn.kp-shine:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,hsla(0,0%,100%,.45),transparent);transform:skewX(-18deg);animation:kp-sweep 3.6s ease-in-out infinite}@keyframes kp-sweep{0%,60%{left:-60%}to{left:130%}}.kp-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:15px;background:var(--kp-card);border:1px solid var(--kp-line);box-shadow:var(--kp-shadow-soft);font-family:var(--kp-fd)}.kp-field,.kp-pill{font-weight:600;font-size:15px}.kp-field{width:100%;padding:13px 15px;border:2px solid var(--kp-line);border-radius:var(--kp-r-sm);font-family:var(--kp-fb);color:var(--kp-ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.kp-field:focus{border-color:#a9cdef;box-shadow:0 0 0 3px rgba(48,117,184,.12)}.kp-flabel{display:block;margin:0 0 7px}.kp-chip,.kp-flabel{font-family:var(--kp-fd);font-weight:600;font-size:14px;color:var(--kp-ink)}.kp-chip{flex:1;border:2px solid var(--kp-line);background:#fff;border-radius:var(--kp-r-sm);padding:11px 8px;text-align:center;cursor:pointer;transition:all .12s}.kp-chip small{display:block;font-family:var(--kp-fb);font-weight:700;font-size:10.5px;color:var(--kp-muted);margin-top:2px}.kp-chip:hover{border-color:#cfe0f1}.kp-chip.kp-on{color:#fff;border-color:var(--kp-blue);background:var(--kp-blue)}.kp-chip.kp-on small{color:hsla(0,0%,100%,.85)}.kp-chip.kp-gold.kp-on{background:var(--kp-gold);border-color:var(--kp-gold);color:#5a3c00}.kp-chip.kp-gold.kp-on small{color:rgba(90,60,0,.7)}.kp-row{display:flex;gap:9px}.kp-coin{width:22px;height:22px}.kp-title{font-family:var(--kp-fd);font-weight:600;font-size:22px;color:var(--kp-blue-deep)}.kp-sub{color:var(--kp-muted);font-weight:700;font-size:13.5px;margin-top:3px}.kp-birr{font-weight:800;color:var(--kp-gold-deep)}.kp-on-dark .kp-birr{color:#ffe08a}.kp-mascot{position:relative;flex:none;display:inline-block}.kp-mascot .kp-glow{position:absolute;inset:-10%;border-radius:50%;background:radial-gradient(circle,rgba(238,162,21,.4),transparent 65%);animation:kp-pulse 3s ease-in-out infinite}@keyframes kp-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@keyframes kp-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes kp-wiggle{0%,68%,to{transform:rotate(0)}78%{transform:rotate(-7deg)}88%{transform:rotate(7deg)}}@keyframes kp-celebrate{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-12px) rotate(-6deg)}45%{transform:translateY(0)}62%{transform:translateY(-7px) rotate(6deg)}80%{transform:translateY(0)}}.kp-m-bob>svg{animation:kp-bob 3.4s ease-in-out infinite}.kp-m-wiggle>svg{animation:kp-bob 3.4s ease-in-out infinite,kp-wiggle 5s ease-in-out infinite}.kp-m-celebrate>svg{animation:kp-celebrate 1.8s ease-in-out infinite}.kp-nametag{display:inline-flex;gap:5px;font-family:var(--kp-fd);font-weight:600;font-size:12px;color:var(--kp-blue-deep);border:1px solid var(--kp-line);box-shadow:var(--kp-shadow-soft);padding:3px 10px;border-radius:999px}.kp-modecard,.kp-nametag{align-items:center;background:#fff}.kp-modecard{display:flex;gap:15px;width:100%;text-align:left;cursor:pointer;border-radius:var(--kp-r-md);padding:18px;border:2px solid var(--kp-line);box-shadow:0 4px 0 var(--kp-line);transition:transform .12s,box-shadow .12s,border-color .12s;margin-bottom:12px;font-family:var(--kp-fb)}.kp-modecard:hover{transform:translateY(-2px);box-shadow:0 14px 26px -12px rgba(30,79,152,.45),0 4px 0 var(--kp-line)}.kp-modecard:active{transform:translateY(2px);box-shadow:0 1px 0 var(--kp-line)}.kp-modecard .kp-mtile{width:56px;height:56px;flex:none;border-radius:18px;display:grid;place-items:center;box-shadow:var(--kp-shadow-soft)}.kp-modecard .kp-mtile svg{width:30px;height:30px}.kp-modecard .kp-mt{font-family:var(--kp-fd);font-weight:600;font-size:19px;color:var(--kp-ink);display:flex;align-items:center;gap:7px}.kp-modecard .kp-ms{font-size:13px;color:var(--kp-muted);font-weight:600;margin-top:3px;line-height:1.4}.kp-modecard .kp-mgo{margin-left:auto;color:#c2cedb}.kp-modecard.kp-quest{background:linear-gradient(180deg,#eef6fe,#fff)}.kp-modecard.kp-quest .kp-mtile{background:linear-gradient(180deg,#5aa0e0,var(--kp-blue));color:#fff}.kp-modecard.kp-builder{background:linear-gradient(180deg,#fdf6e6,#fff)}.kp-modecard.kp-builder .kp-mtile{background:linear-gradient(180deg,#ffd35e,var(--kp-gold));color:#7a5400}.kp-modecard.kp-sel-quest{border-color:var(--kp-blue);box-shadow:0 0 0 3px rgba(48,117,184,.2),0 4px 0 var(--kp-line)}.kp-modecard.kp-sel-builder{border-color:var(--kp-gold);box-shadow:0 0 0 3px rgba(238,162,21,.28),0 4px 0 var(--kp-line)}.kp-progress{flex:1;display:flex;gap:5px;align-items:center}.kp-seg{height:10px;border-radius:6px;flex:1;background:#ebe0cf}.kp-seg.kp-done{background:linear-gradient(180deg,#46c684,#1aa260)}.kp-seg.kp-now{background:linear-gradient(90deg,#46c684 60%,#ebe0cf 0)}.kp-listen{display:inline-flex;align-items:center;gap:10px;padding:8px 15px 8px 8px;border-radius:14px;border:1px solid #dcebf8;background:#f4f9fe;color:var(--kp-blue-deep);font-weight:700;font-size:13px;font-family:var(--kp-fb);cursor:pointer;transition:background .15s,transform .15s}.kp-listen:hover{background:#e9f3fd;transform:translateY(-1px)}.kp-listen .kp-pbtn{width:30px;height:30px;border-radius:50%;background:var(--kp-blue);color:#fff;display:grid;place-items:center;box-shadow:0 4px 0 var(--kp-blue-press)}.kp-listen .kp-pbtn svg{width:13px;height:13px}.kp-live{width:7px;height:7px;border-radius:50%;background:var(--kp-green);display:inline-block}.kp-listen.kp-on{background:#e9f3fd;border-color:#bcd9f3}.kp-eq{display:inline-flex;gap:2.5px;align-items:flex-end;height:15px}.kp-eq i{width:3px;background:var(--kp-blue);border-radius:2px;animation:kp-eq .9s ease-in-out infinite}.kp-eq i:nth-child(2){animation-delay:.15s}.kp-eq i:nth-child(3){animation-delay:.3s}.kp-eq i:nth-child(4){animation-delay:.45s}@keyframes kp-eq{0%,to{height:5px}50%{height:15px}}.kp-choice{text-align:left;border:1px solid var(--kp-line);cursor:pointer;width:100%;background:#fff;border-radius:var(--kp-r-md);padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 0 var(--kp-line);transition:transform .12s,box-shadow .12s,border-color .12s;margin-bottom:11px;font-family:var(--kp-fb)}.kp-choice:hover{transform:translateY(-2px);border-color:#cfe0f1;box-shadow:0 10px 20px -12px rgba(30,79,152,.4),0 4px 0 var(--kp-line)}.kp-choice:active{transform:translateY(2px);box-shadow:0 1px 0 var(--kp-line)}.kp-choice .kp-ic{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;background:#eef5fc;color:var(--kp-blue)}.kp-choice .kp-ic svg{width:22px;height:22px}.kp-choice .kp-t{font-weight:800;font-size:15.5px;line-height:1.3;color:var(--kp-ink)}.kp-choice .kp-s{font-size:12.5px;color:var(--kp-muted);margin-top:2px;font-weight:600}.kp-choice .kp-body{flex:1}.kp-choice .kp-go{color:#c2cedb}.kp-choice .kp-go svg{width:18px;height:18px}.kp-choice.kp-c-green .kp-ic{background:var(--kp-green-soft);color:var(--kp-green)}.kp-choice.kp-c-gold .kp-ic{background:#fbf0d4;color:var(--kp-gold-deep)}.kp-choice.kp-c-coral .kp-ic{background:var(--kp-coral-soft);color:var(--kp-coral)}.kp-choice.kp-c-purple .kp-ic{background:var(--kp-purple-soft);color:var(--kp-purple)}.kp-confetti{position:absolute;top:-14px;width:9px;height:14px;border-radius:2px;animation:kp-fall linear infinite}@keyframes kp-fall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(520px) rotate(420deg);opacity:.9}}.kp-dot{width:11px;height:11px;border-radius:50%;background:var(--kp-blue);animation:kp-db 1s ease-in-out infinite}.kp-dot:nth-child(2){animation-delay:.15s;background:var(--kp-gold)}.kp-dot:nth-child(3){animation-delay:.3s;background:var(--kp-green)}@keyframes kp-db{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-9px);opacity:1}}.kp-reveal{opacity:0;transform:translateY(16px);animation:kp-rise .55s cubic-bezier(.2,.7,.2,1) forwards}@keyframes kp-rise{to{opacity:1;transform:none}}.kp-modal-overlay{position:fixed;inset:0;background:rgba(34,48,63,.5);backdrop-filter:blur(3px);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--kp-fb)}.kp-modal{background:#fff;width:100%;max-width:460px;border-radius:var(--kp-r-lg);box-shadow:var(--kp-shadow-card);overflow:hidden;max-height:88vh;display:flex;flex-direction:column;animation:kp-pop .32s cubic-bezier(.2,.8,.2,1)}@keyframes kp-pop{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:none}}.kp-modal-head{background:linear-gradient(135deg,#3075b8,#1e4f98);color:#fff;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.kp-modal-head .kp-mh{display:flex;align-items:center;gap:9px;font-family:var(--kp-fd);font-weight:600;font-size:18px}.kp-modal-x{width:32px;height:32px;border:none;border-radius:50%;background:hsla(0,0%,100%,.2);color:#fff;cursor:pointer;font-size:16px;line-height:1;display:grid;place-items:center;flex:none;transition:background .15s}.kp-modal-x:hover{background:hsla(0,0%,100%,.34)}.kp-modal-body{padding:20px;overflow-y:auto;flex:1}.kp-modal-foot{padding:16px 18px;border-top:1px solid var(--kp-line);background:#fafbfc}.kp-help-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--kp-blue);color:#fff;border:none;font-family:var(--kp-fd);font-weight:700;font-size:13px;cursor:pointer;flex:none;transition:transform .12s;box-shadow:var(--kp-shadow-soft)}.kp-help-btn:hover{transform:scale(1.14)}@media print{.kp-cert-noprint{display:none!important}.kp-cert-page{background:#fff!important;padding:0!important;min-height:0!important}.kp-cert-print>div{width:auto!important;height:auto!important}.kp-cert-print>div>div{transform:none!important;width:1000px!important;height:707px!important}.kp-cert{box-shadow:none!important}.kp-cert,.kp-cert *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4 landscape;margin:8mm}}