.kt-test{max-width:880px;margin:0 auto 52px}.kt-test__hero{text-align:center;padding:28px 0 20px}.kt-test__hero h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.055em;margin:6px 0 12px}.kt-test__hero>p:last-child{color:var(--muted);max-width:590px;margin:auto}.kt-test__questions{display:grid;gap:14px}.kt-test fieldset{border:1px solid var(--line);background:#fff;border-radius:16px;padding:19px 20px;display:grid;gap:10px}.kt-test legend{font-size:18px;font-weight:800;padding:0 4px}.kt-test legend span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#132c28;color:#fff;font:12px 'DM Mono',monospace;margin-right:7px}.kt-test label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;line-height:1.4}.kt-test input{margin:4px 0 0;accent-color:#087364}.kt-test__meme{width:min(100%,330px);border-radius:12px;border:1px solid var(--line);margin:2px 0 5px}.kt-test__submit{justify-self:center;margin:12px 0}.kt-result{text-align:center;padding:8px 0 30px}.kt-result h2{font-size:clamp(25px,4vw,40px);margin:0 0 8px}.kt-result>p{color:var(--muted);max-width:580px;margin:0 auto 28px}.kt-compass{position:relative;width:min(100% - 130px,500px);aspect-ratio:1;margin:80px auto 42px}.kt-compass__grid{position:absolute;inset:0;border-radius:25px;background:linear-gradient(90deg,#91d653 0 49.6%,transparent 49.6% 50.4%,#ff471f 50.4% 100%),linear-gradient(90deg,#06aee8 0 49.6%,transparent 49.6% 50.4%,#ffc51b 50.4% 100%);background-size:100% 50%,100% 50%;background-position:top,bottom;background-repeat:no-repeat;box-shadow:0 12px 30px #17342b24;overflow:hidden}.kt-compass__grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#27303488 1px,transparent 1px),linear-gradient(90deg,#27303488 1px,transparent 1px);background-size:5% 5%;pointer-events:none}.kt-compass__grid i{position:absolute;z-index:1;width:19px;height:19px;border-radius:50%;background:#73368d;border:3px solid #392045;box-shadow:0 2px 4px #0006;transform:translate(-50%,-50%);transition:left .45s ease,top .45s ease}.kt-compass__axis{position:absolute;z-index:1;font-size:clamp(17px,3.2vw,29px);font-weight:900;white-space:nowrap;letter-spacing:-.04em}.kt-compass__axis--top{left:50%;bottom:calc(100% + 16px);transform:translateX(-50%)}.kt-compass__axis--bottom{left:50%;top:calc(100% + 16px);transform:translateX(-50%)}.kt-compass__axis--left{right:calc(100% + 16px);top:50%;transform:translateY(-50%)}.kt-compass__axis--right{left:calc(100% + 16px);top:50%;transform:translateY(-50%)}
@media(max-width:650px){.kt-test fieldset{padding:15px}.kt-compass{width:calc(100% - 78px);margin-top:68px}.kt-compass__axis--left{right:calc(100% + 9px);writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.kt-compass__axis--right{left:calc(100% + 9px);writing-mode:vertical-rl;transform:translateY(-50%)}.kt-compass__axis--top,.kt-compass__axis--bottom{font-size:18px}}
.kt-test legend{width:100%}.kt-test label{display:block;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fbfdfc}.kt-test label:hover{border-color:#087364;background:#f0faf6}.kt-test input{margin:0 9px 0 0;vertical-align:middle}