.cth-recommender{--match-deep:#06183a;--match-blue:#0b56ad;--match-cyan:#20b9ea;--match-pale:#f3f8ff;position:relative;padding:clamp(76px,9vw,132px) 0;background:radial-gradient(circle at 87% 12%,rgba(66,205,244,.3),transparent 24%),radial-gradient(circle at 8% 88%,rgba(36,128,231,.38),transparent 28%),linear-gradient(135deg,#061735 0%,#0a3f87 54%,#078bc8 100%);color:#fff;overflow:hidden;isolation:isolate}.cth-recommender:before,.cth-recommender:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}.cth-recommender:before{width:520px;height:520px;right:-230px;top:-205px;box-shadow:0 0 0 68px rgba(255,255,255,.025),0 0 0 145px rgba(255,255,255,.018)}.cth-recommender:after{width:220px;height:220px;left:-105px;bottom:-92px;box-shadow:0 0 0 45px rgba(255,255,255,.025)}
.cth-recommender__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.55fr);gap:clamp(38px,8vw,120px);align-items:center;margin-bottom:50px}.cth-recommender__head .vmon-kicker{color:#69dcff}.cth-recommender__head h2{margin:0;color:#fff;font-size:clamp(3.1rem,6.1vw,7rem);line-height:.83;letter-spacing:-.065em;text-wrap:balance}.cth-recommender__head h2 em{font-style:normal;color:#67dcff}.cth-recommender__head aside{position:relative;padding:26px 28px;border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(4,24,60,.35);box-shadow:0 20px 55px rgba(0,14,48,.18);backdrop-filter:blur(8px)}.cth-recommender__head aside:before{content:"✦";position:absolute;right:22px;top:17px;color:#67dcff;font-size:1.5rem}.cth-recommender__head aside strong{display:block;font-size:1.45rem;line-height:.95}.cth-recommender__head aside p{max-width:360px;margin:18px 0 12px;color:rgba(255,255,255,.82);line-height:1.55}.cth-recommender__head aside small{color:rgba(255,255,255,.58)}
.cth-recommender__form{padding:18px;border:1px solid rgba(255,255,255,.48);border-radius:38px;background:rgba(246,250,255,.97);box-shadow:0 30px 85px rgba(0,16,55,.28);color:#071b3e;overflow:hidden}.cth-recommender__field{margin:0;padding:20px 22px 26px;border:0}.cth-recommender__field+fieldset{border-top:1px solid #dbe7f5}.cth-recommender__field legend{display:flex;align-items:center;gap:12px;width:100%;padding:4px 0 20px;font-size:clamp(1.35rem,2.25vw,2.15rem);font-weight:750;letter-spacing:-.035em}.cth-recommender__field legend b,.cth-recommender__field legend i{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:50%;font-style:normal}.cth-recommender__field legend b{background:#071b3e;color:#fff;font-size:.68rem;letter-spacing:.04em}.cth-recommender__field legend i{background:linear-gradient(135deg,#9ceaff,#1b9fe0);color:#063d75;font-size:1rem;box-shadow:0 7px 17px rgba(20,151,210,.2)}.cth-recommender__options{display:flex;flex-wrap:wrap;gap:10px}.cth-recommender__options label{position:relative;display:block;min-width:132px;flex:1 1 132px}.cth-recommender__options input{position:absolute;opacity:0;pointer-events:none}.cth-recommender__options label>span{position:relative;display:flex;min-height:76px;flex-direction:column;justify-content:center;padding:13px 38px 13px 16px;border:1px solid #c8d8eb;border-radius:17px;background:#fff;color:#10264c;font-weight:850;cursor:pointer;box-shadow:0 5px 16px rgba(20,59,105,.055);transition:border-color .18s,transform .18s,box-shadow .18s,background .18s}.cth-recommender__options label>span:after{content:"";position:absolute;right:14px;top:50%;width:14px;height:14px;border:2px solid #bbcadc;border-radius:50%;transform:translateY(-50%)}.cth-recommender__options label small{display:block;margin-top:4px;color:#6b7890;font-size:.66rem;font-weight:550}.cth-recommender__options label:hover>span{transform:translateY(-2px);border-color:#5bbce7;box-shadow:0 10px 25px rgba(13,92,160,.12)}.cth-recommender__options input:checked+span{border-color:#117fc7;background:linear-gradient(135deg,#0a4e9f,#118ed0);color:#fff;box-shadow:0 12px 28px rgba(7,91,166,.24)}.cth-recommender__options input:checked+span:after{border:4px solid #fff;background:#62ddff}.cth-recommender__options input:checked+span small{color:rgba(255,255,255,.72)}.cth-recommender__options input:focus-visible+span{outline:3px solid #18b9ed;outline-offset:3px}.cth-recommender__form button{display:flex;width:calc(100% - 44px);min-height:62px;align-items:center;justify-content:center;gap:16px;margin:22px;border:0;border-radius:999px;background:linear-gradient(100deg,#0752a9,#08a2dc);color:#fff;font-weight:950;letter-spacing:.06em;cursor:pointer;box-shadow:0 15px 30px rgba(7,93,170,.25);transition:transform .18s,box-shadow .18s}.cth-recommender__form button b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.18);font-size:1.15rem}.cth-recommender__form button:hover{transform:translateY(-2px);box-shadow:0 19px 38px rgba(7,93,170,.34)}.cth-recommender__form button:focus-visible{outline:3px solid #70e3ff;outline-offset:4px}.cth-recommender__status{margin:17px 12px 0;color:rgba(255,255,255,.75);font-size:.84rem}
.cth-recommender__results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;scroll-margin-top:100px;align-items:stretch}.cth-recommender__results[hidden]{display:none}.cth-recommender__answer,.cth-recommender__all,.cth-recommender__empty{grid-column:1/-1}.cth-recommender__answer p{margin:0;color:#7ee5ff;font-size:.72rem;font-weight:950;letter-spacing:.13em}.cth-recommender__answer h3{margin:5px 0 14px;color:#fff;font-size:clamp(2rem,4vw,4rem)}
.cth-recommender-card{position:relative;display:flex;min-width:0;min-height:100%;flex-direction:column;border:1px solid rgba(255,255,255,.45);border-radius:25px;background:#fff;color:#10264c;overflow:hidden;isolation:isolate;box-shadow:0 20px 52px rgba(0,19,55,.22)}.cth-recommender-card__media{position:relative;display:block;height:210px;flex:0 0 210px;overflow:hidden;background:linear-gradient(135deg,#0b58ad,#2bc3e8)}.cth-recommender-card__media>img{position:static;display:block;width:100%;height:100%;margin:0;object-fit:cover;transform:none}.cth-recommender-card__media>span{display:grid;height:100%;place-items:center;color:rgba(255,255,255,.75);font-size:4rem}.cth-recommender-card__media>small{position:absolute;z-index:2;left:14px;top:14px;padding:8px 12px;border-radius:999px;background:rgba(5,28,66,.88);color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.09em;backdrop-filter:blur(5px)}.cth-recommender-card__body{position:static;display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding:24px;background:#fff;color:#10264c;transform:none}.cth-recommender-card__body h3{position:static;margin:0 0 11px;color:#10264c;font-size:clamp(1.3rem,2vw,1.62rem);line-height:1.08;overflow-wrap:anywhere}.cth-recommender-card__body p{position:static;display:-webkit-box;margin:0 0 14px;color:#52627b;line-height:1.5;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cth-recommender-card__body>strong{display:block;margin:0 0 14px;color:#071b3e}.cth-recommender-card__body>a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:12px 15px;border-radius:999px;background:#edf7ff;color:#0877bd;font-size:.76rem;font-weight:950;text-decoration:none}.cth-recommender-card__body>a b{font-size:1.1rem}.cth-recommender-card__body>a:hover{background:#0b82c9;color:#fff}.cth-recommender__all{display:flex;flex-wrap:wrap;gap:12px;padding-top:10px}.cth-recommender__all a,.cth-recommender__empty a{display:inline-flex;padding:12px 17px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:.78rem;font-weight:900;text-decoration:none}.cth-recommender__all a:hover,.cth-recommender__empty a:hover{background:#fff;color:#0a4e9f}.cth-recommender__empty{padding:34px;border:1px solid rgba(255,255,255,.24);border-radius:26px;background:rgba(3,25,61,.26)}.cth-recommender__empty h3{margin:0 0 8px;color:#fff;font-size:2rem}.cth-recommender__empty p{max-width:720px;color:rgba(255,255,255,.78)}
.cth-recommender--compact{margin-top:clamp(55px,7vw,95px);padding:clamp(62px,7vw,94px) 0}.cth-recommender__head--compact{grid-template-columns:minmax(0,1.2fr) minmax(250px,.7fr);gap:clamp(30px,7vw,90px);margin-bottom:34px}.cth-recommender__head--compact h2{max-width:820px;font-size:clamp(2.4rem,4.8vw,5rem);line-height:.94}.cth-recommender__head--compact>p{max-width:470px;margin:0;color:rgba(255,255,255,.82);font-size:1.05rem;line-height:1.6}.cth-recommender--compact .cth-recommender__form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px}.cth-recommender--compact .cth-recommender__field{padding:15px}.cth-recommender--compact .cth-recommender__field+fieldset{border-top:0;border-left:1px solid #dbe7f5}.cth-recommender--compact .cth-recommender__options label{min-width:145px}.cth-recommender--compact .cth-recommender__form button{grid-column:1/-1;width:calc(100% - 30px);margin:10px 15px 5px}
@media(max-width:1000px){.cth-recommender__head,.cth-recommender__head--compact{grid-template-columns:1fr}.cth-recommender__results{grid-template-columns:1fr}.cth-recommender--compact .cth-recommender__form{grid-template-columns:1fr}.cth-recommender--compact .cth-recommender__field+fieldset{border-left:0;border-top:1px solid #dbe7f5}.cth-recommender-card{max-width:680px;width:100%;margin-inline:auto}.cth-recommender-card__media{height:260px;flex-basis:260px}}
@media(max-width:640px){.cth-recommender{padding:64px 0}.cth-recommender__head{margin-bottom:30px}.cth-recommender__head h2{font-size:clamp(2.7rem,14vw,4.4rem)}.cth-recommender__head aside{padding:23px}.cth-recommender__form,.cth-recommender--compact .cth-recommender__form{padding:9px;border-radius:25px}.cth-recommender__field,.cth-recommender--compact .cth-recommender__field{padding:15px 9px 20px}.cth-recommender__field legend{gap:8px;font-size:1.28rem}.cth-recommender__field legend b,.cth-recommender__field legend i{width:30px;height:30px}.cth-recommender__options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cth-recommender__options label,.cth-recommender--compact .cth-recommender__options label{min-width:0}.cth-recommender__options label>span{min-height:70px;padding:11px 29px 11px 12px;border-radius:14px;font-size:.83rem}.cth-recommender__options label>span:after{right:10px;width:11px;height:11px}.cth-recommender__form button,.cth-recommender--compact .cth-recommender__form button{width:calc(100% - 18px);margin:15px 9px;min-height:58px;font-size:.73rem}.cth-recommender-card__media{height:190px;flex-basis:190px}.cth-recommender-card__body{padding:21px}.cth-recommender__all{flex-direction:column;align-items:flex-start}}