:root{--fp-pink:#fa3d62;--fp-ink:#141414;--fp-muted:#686868;--fp-line:#dedede;--fp-paper:#f3f3f3;--fp-blue:#dceafa;--fp-yellow:#f8e6b5;--fp-purple:#e9def4;--fp-green:#dcefe3}
.fp-page{background:var(--fp-paper);color:var(--fp-ink);font-family:Ubuntu,sans-serif}
.fp-shell{padding:118px 0 90px;overflow:hidden}
.fp-intro,.fp-game,.fp-shell .huby-seo-content{width:min(1360px,calc(100% - 64px));margin-left:auto;margin-right:auto}
.fp-intro{text-align:center;margin-bottom:68px}.fp-eyebrow,.fp-result-kicker,.fp-panel-label{margin:0 0 18px;color:var(--fp-pink);font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.fp-intro h1{margin:0;font-size:clamp(58px,7.2vw,112px);font-weight:300;line-height:.93;letter-spacing:-.055em}.fp-intro h1 span,.fp-start h2 span,.fp-result h2 i{color:var(--fp-pink);font-style:normal}.fp-intro>p:last-child{max-width:690px;margin:28px auto 0;color:var(--fp-muted);font-size:20px;line-height:1.45}
.fp-game{position:relative;min-height:650px;background:#fff;border:1px solid #ddd;border-radius:36px;box-shadow:0 22px 70px rgba(0,0,0,.045);overflow:hidden}
.fp-start{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.fp-start-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:70px 8%}.fp-level-tag,.fp-achievement{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #e3e3e3;border-radius:999px;color:#666;font-size:13px}.fp-start h2{margin:28px 0 20px;font-size:clamp(48px,5vw,76px);font-weight:300;line-height:.98;letter-spacing:-.05em}.fp-start-copy>p{max-width:520px;margin:0 0 34px;color:var(--fp-muted);font-size:18px;line-height:1.55}.fp-start-copy small{margin-top:15px;color:#8a8a8a}
.fp-primary,.fp-secondary,.fp-restart,.fp-back{font:inherit;cursor:pointer}.fp-primary{display:inline-flex;align-items:center;justify-content:center;gap:42px;min-height:58px;padding:0 28px;border:0;border-radius:999px;background:var(--fp-pink);color:#fff;text-decoration:none;font-weight:500;transition:transform .2s,box-shadow .2s}.fp-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(250,61,98,.22)}.fp-primary b{font-size:23px;font-weight:300}
.fp-orbit{position:relative;min-height:650px;background:linear-gradient(145deg,#f8eef1,#f4f4f4);overflow:hidden}.fp-orbit-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(250,61,98,.25);border-radius:50%;transform:translate(-50%,-50%)}.fp-orbit-ring--outer{width:510px;height:510px;animation:fpSpin 22s linear infinite}.fp-orbit-ring--inner{width:310px;height:310px;animation:fpSpin 16s linear infinite reverse}.fp-orbit-core{position:absolute;top:50%;left:50%;display:flex;width:190px;height:190px;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.08);transform:translate(-50%,-50%)}.fp-orbit-core span{font-size:78px;font-weight:300}.fp-orbit-core small{color:var(--fp-pink);letter-spacing:.12em;text-transform:uppercase}.fp-token{position:absolute;display:grid;width:62px;height:62px;place-items:center;border-radius:50%;font-size:25px;font-style:normal;box-shadow:0 8px 22px rgba(0,0,0,.08)}.fp-token--deep{top:15%;left:47%;background:var(--fp-blue)}.fp-token--sprint{top:46%;right:9%;background:var(--fp-yellow)}.fp-token--visual{bottom:10%;left:45%;background:var(--fp-purple)}.fp-token--flex{top:49%;left:10%;background:var(--fp-green)}
.fp-quiz{min-height:650px;padding:48px 7%}.fp-hud{display:flex;align-items:center;justify-content:space-between}.fp-hud-level{display:flex;flex-direction:column;gap:5px;color:var(--fp-pink);font-size:14px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.fp-hud-level small{color:#888;font-size:12px;letter-spacing:0}.fp-xp{display:flex;align-items:center;gap:7px}.fp-xp span{color:var(--fp-pink)}.fp-xp strong{font-size:24px;font-weight:400}.fp-xp small{color:#888}.fp-progress{height:5px;margin-top:28px;border-radius:99px;background:#eee;overflow:hidden}.fp-progress span{display:block;width:12.5%;height:100%;border-radius:99px;background:var(--fp-pink);transition:width .35s ease}.fp-question-wrap{max-width:880px;margin:65px auto 40px}.fp-prompt{margin:0 0 15px;color:var(--fp-pink);font-size:13px;font-weight:500;letter-spacing:.13em;text-transform:uppercase}.fp-question-wrap h2{max-width:820px;margin:0 0 40px;font-size:clamp(36px,4vw,58px);font-weight:300;line-height:1.08;letter-spacing:-.04em}.fp-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fp-option{position:relative;display:flex;min-height:92px;align-items:center;gap:18px;padding:20px 24px;border:1px solid #ddd;border-radius:18px;background:#fff;color:var(--fp-ink);font:inherit;text-align:left;cursor:pointer;transition:border .2s,background .2s,transform .2s}.fp-option:hover,.fp-option:focus-visible{border-color:var(--fp-pink);background:#fff8fa;transform:translateY(-2px)}.fp-option.is-selected{border-color:var(--fp-pink);background:#ffe9ee}.fp-option-key{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:#f1f1f1;color:#777;font-size:13px}.fp-option strong{display:block;margin-bottom:3px;font-weight:500}.fp-option small{color:#777;line-height:1.35}.fp-quiz-footer{display:flex;max-width:880px;margin:0 auto;align-items:center;justify-content:space-between;color:#888;font-size:13px}.fp-back,.fp-restart{padding:10px 0;border:0;background:transparent;color:#666}.fp-back:disabled{opacity:.35;cursor:default}
.fp-result{padding:58px 6% 46px}.fp-result-hero{display:grid;grid-template-columns:1.25fr .75fr;min-height:360px;align-items:center;gap:30px}.fp-achievement{margin-bottom:25px;background:#fff8fa;color:var(--fp-pink)}.fp-result h2{margin:0 0 20px;font-size:clamp(54px,6vw,92px);font-weight:300;line-height:.92;letter-spacing:-.055em}.fp-result h2 span{color:var(--fp-ink)}.fp-result-copy>p:last-child{max-width:610px;margin:0;color:var(--fp-muted);font-size:18px;line-height:1.55}.fp-result-emblem{position:relative;width:270px;height:270px;margin:auto;border:1px solid var(--fp-pink);border-radius:50%;background:#fff5f7}.fp-result-emblem span,.fp-result-emblem b,.fp-result-emblem i{position:absolute;border:1px solid rgba(250,61,98,.35);border-radius:50%;inset:18px}.fp-result-emblem b{inset:48px}.fp-result-emblem i{inset:78px;background:#fff}.fp-result-emblem em{position:absolute;inset:0;display:grid;place-items:center;color:var(--fp-pink);font-size:68px;font-style:normal}.fp-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.fp-result-panel{padding:30px;border:1px solid #e2e2e2;border-radius:22px;background:#fafafa}.fp-trait{display:grid;grid-template-columns:130px 1fr 38px;align-items:center;gap:12px;margin-top:18px}.fp-trait span{font-size:14px}.fp-trait div{height:7px;border-radius:99px;background:#e6e6e6;overflow:hidden}.fp-trait i{display:block;height:100%;border-radius:99px;background:var(--fp-pink)}.fp-trait b{font-size:13px;font-weight:400;text-align:right}.fp-routine h3{margin:0 0 15px;font-size:28px;font-weight:400}.fp-routine ol{margin:0;padding-left:22px;color:#555}.fp-routine li{padding:5px 0;line-height:1.45}.fp-actions{display:flex;align-items:center;gap:12px;margin-top:30px;flex-wrap:wrap}.fp-secondary{min-height:50px;padding:0 22px;border:1px solid #ccc;border-radius:999px;background:#fff;color:#222}.fp-restart{margin-left:auto}.fp-disclaimer{margin:20px 0 0;color:#888;font-size:12px}.fp-celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fp-confetti{position:absolute;top:-20px;width:9px;height:15px;background:var(--fp-pink);animation:fpFall 1.4s ease-in forwards}
.fp-toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:14px 18px;border-radius:12px;background:#161616;color:#fff;opacity:0;transform:translateY(14px);transition:.25s;pointer-events:none}.fp-toast.is-visible{opacity:1;transform:none}
.fp-shell .huby-seo-content{margin-top:110px;margin-bottom:0}
@keyframes fpSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fpFall{to{transform:translateY(720px) rotate(520deg);opacity:0}}
@media(max-width:900px){.fp-shell{padding-top:92px}.fp-start{grid-template-columns:1fr}.fp-orbit{min-height:480px}.fp-result-hero{grid-template-columns:1fr}.fp-result-emblem{width:220px;height:220px}.fp-result-grid{grid-template-columns:1fr}.fp-intro,.fp-game,.fp-shell .huby-seo-content{width:min(100% - 34px,720px)}}
@media(max-width:620px){.fp-shell{padding-top:72px;padding-bottom:70px}.fp-intro{margin-bottom:42px}.fp-intro h1{font-size:54px}.fp-intro>p:last-child{font-size:17px}.fp-game{min-height:620px;border-radius:24px}.fp-start-copy{padding:48px 26px}.fp-start h2{font-size:46px}.fp-orbit{min-height:390px}.fp-orbit-ring--outer{width:340px;height:340px}.fp-orbit-ring--inner{width:220px;height:220px}.fp-orbit-core{width:145px;height:145px}.fp-token{width:48px;height:48px}.fp-quiz{padding:34px 22px}.fp-question-wrap{margin-top:46px}.fp-question-wrap h2{font-size:38px;margin-bottom:28px}.fp-options{grid-template-columns:1fr}.fp-option{min-height:78px;padding:16px}.fp-result{padding:40px 22px}.fp-result h2{font-size:52px}.fp-result-emblem{width:190px;height:190px}.fp-actions{align-items:stretch}.fp-actions>*{width:100%;margin-left:0}.fp-trait{grid-template-columns:95px 1fr 34px}.fp-shell .huby-seo-content{margin-top:78px}}
@media(prefers-reduced-motion:reduce){.fp-orbit-ring,.fp-confetti{animation:none!important}.fp-primary,.fp-option,.fp-toast{transition:none}}