.skilltest-page{--navy:navy;--orange:#fc9b2a;--coral:#e0431f;--beige:#faebd9;--ink:#2a2a3a;--mid:#6b6b7a;min-height:100vh;color:var(--ink);background:#eef1f9;padding:20px;font-family:Nunito,Arial,sans-serif}.skilltest-page .wrap{max-width:520px;margin:0 auto}.skilltest-page .card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00002824}.skilltest-page .top{color:#fff;background:linear-gradient(135deg,#12128f,#000053);padding:22px 26px;position:relative}.skilltest-page .top .wm{font-size:22px;font-weight:900}.skilltest-page .top .bar{background:#ffffff2e;border-radius:50px;height:8px;margin-top:12px;overflow:hidden}.skilltest-page .top .fill{background:var(--orange);border-radius:50px;width:0;height:8px;transition:width .3s}.skilltest-page .top .step{color:#cfd4ff;margin-top:8px;font-size:12px;font-weight:700}.skilltest-page .body{padding:28px 26px 30px}.skilltest-page .view{display:none}.skilltest-page .view.active{animation:.25s skilltest-fade;display:block}@keyframes skilltest-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.skilltest-page h1{color:var(--navy);margin-bottom:8px;font-size:26px;font-weight:900;line-height:1.15}.skilltest-page p.sub{color:var(--mid);margin-bottom:22px;font-size:15px;line-height:1.5}.skilltest-page .track{text-align:left;cursor:pointer;background:#fff;border:2px solid #e6e6f2;border-radius:18px;width:100%;margin-bottom:14px;padding:20px;transition:all .15s;display:block}.skilltest-page .track:hover{border-color:var(--orange);transform:translateY(-2px)}.skilltest-page .track .ic{font-size:38px}.skilltest-page .track .t{color:var(--navy);margin:8px 0 3px;font-size:19px;font-weight:900}.skilltest-page .track .d{color:var(--mid);font-size:13.5px}.skilltest-page label{color:var(--navy);margin:14px 0 6px;font-size:13px;font-weight:800;display:block}.skilltest-page input,.skilltest-page select{border:2px solid #e6e6f2;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:15px;font-weight:600}.skilltest-page input::placeholder{color:#c2c2d0;font-weight:500}.skilltest-page input:focus,.skilltest-page select:focus{border-color:var(--orange)}.skilltest-page .opt{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:#fff;border:2px solid #e6e6f2;border-radius:14px;margin-bottom:11px;padding:15px 16px;font-size:15px;font-weight:700;transition:all .12s;display:block}.skilltest-page .opt:hover{border-color:var(--orange)}.skilltest-page .opt.sel{border-color:var(--orange);background:#fff3e4}.skilltest-page .btn{background:var(--orange);color:#fff;cursor:pointer;background:linear-gradient(135deg,#fc9b2a,#e07f0e);border:none;border-radius:50px;width:100%;margin-top:18px;padding:15px;font-family:inherit;font-size:16px;font-weight:900;display:block;box-shadow:0 10px 24px #fc9b2a52}.skilltest-page .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.skilltest-page .btn.ghost{color:var(--navy);box-shadow:none;background:#fff;border:2px solid #e6e6f2}.skilltest-page .qhead{color:var(--navy);margin-bottom:18px;font-size:20px;font-weight:900;line-height:1.25}.skilltest-page .badge{text-align:center}.skilltest-page .badge .em{font-size:64px}.skilltest-page .badge .lvl{color:#fff;letter-spacing:1px;text-transform:uppercase;background:navy;border-radius:50px;margin:8px 0 4px;padding:8px 20px;font-size:14px;font-weight:900;display:inline-block}.skilltest-page .badge h2{color:var(--navy);margin:10px 0 6px;font-size:24px;font-weight:900}.skilltest-page .stars{color:var(--orange);letter-spacing:3px;margin:6px 0;font-size:22px}.skilltest-page .foot{text-align:center;color:#b5b5c0;margin-top:16px;font-size:12px}.skilltest-page .rating{text-align:center;color:var(--navy);margin:2px 0 12px;font-size:13px;font-weight:800}.skilltest-page .rating .st{color:var(--orange);letter-spacing:2px}.skilltest-page .chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 2px;display:flex}.skilltest-page .chip{color:var(--coral);background:#fff3e4;border-radius:50px;padding:6px 12px;font-size:12.5px;font-weight:800}.skilltest-page .show{-webkit-overflow-scrolling:touch;gap:10px;margin:14px 0 4px;padding:6px 2px 4px;display:flex;overflow-x:auto}.skilltest-page .show .sc{text-align:left;background:#fff;border:2px solid #eef0f7;border-radius:14px;flex:none;width:158px;padding:12px 13px}.skilltest-page .show .sc .bd{color:var(--coral);letter-spacing:.3px;background:#fff3e4;border-radius:50px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-block}.skilltest-page .show .sc .nm{color:var(--navy);margin:8px 0 1px;font-size:14px;font-weight:900}.skilltest-page .show .sc .mt{color:var(--mid);font-size:11px;font-weight:700}.skilltest-page .show .sc .pj{color:var(--ink);margin-top:6px;font-size:12.5px;font-weight:700;line-height:1.3}.skilltest-page .showlead{text-align:center;color:var(--navy);margin-top:6px;font-size:13px;font-weight:800}.skilltest-page .x{color:#fff;text-align:center;background:#ffffff24;border-radius:50%;width:32px;height:32px;font-size:22px;line-height:30px;text-decoration:none;position:absolute;top:16px;right:20px}.skilltest-page .x:hover{background:#ffffff47}.skilltest-page .phrow{gap:8px;display:flex}.skilltest-page .phrow select{flex:none;width:auto;font-weight:700}.skilltest-page .phrow input{flex:auto}.skilltest-page .retake{text-align:center;color:var(--mid);margin-top:14px;font-size:13.5px;font-weight:800;text-decoration:none;display:block}.skilltest-page .retake:hover{color:var(--coral)}.skilltest-page #confetti{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;inset:0}.skilltest-page .result-message{margin-top:8px}.skilltest-page .result-message b{color:navy}.skilltest-page .result-gift{text-align:center;color:var(--navy);font-weight:800}.skilltest-page .done-message{text-align:center}.skilltest-page .done-explore{margin-top:10px}.skilltest-page .page-foot{margin-top:14px}