/* Frosted recommendation cards: luminous surfaces, readable type, clear spacing. */
.hero-v12 .match-card{overflow:hidden;border:1px solid #d3fff14d;background:linear-gradient(140deg,#e2fff82c,#8bd7c41c 64%,#c8f8eb26);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 22px 48px #001e2633,inset 0 1px 0 #ffffff52,inset 0 -1px 0 #d1fff421;color:#f3fff9}
.hero-v12 .match-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,#fff0 35%,#ffffff09 53%,#fff0 68%);pointer-events:none}
.hero-v12 .match-card:after{content:'';position:absolute;inset:1px;border:1px solid #ffffff0b;border-radius:inherit;pointer-events:none}
.hero-v12 .match-primary{background:linear-gradient(135deg,#f5fff9eb,#e8fff4d9 62%,#d8f8e9e8);border-color:#e6fff6cf;box-shadow:0 28px 64px #001c2440,0 2px 0 #d5ffee80,inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.hero-v12 .match-rank,.hero-v12 .match-card-content{position:relative;z-index:1}
.hero-v12 .match-card:not(.match-primary) .match-rank{color:#d8f3e8}
.hero-v12 .match-card:not(.match-primary) .match-rank b{color:#effff7;background:#c4fff20d;border-color:#d3ffeb52}
.hero-v12 .match-card:not(.match-primary) .match-career-icon{color:#c9f9e8;border-color:#d2ffed2e;background:#edfff20a}
.hero-v12 .match-card:not(.match-primary) h2{color:#f4fff9;line-height:1.12;font-weight:450;text-shadow:0 1px 14px #002b331a}
.hero-v12 .match-primary h2{color:#113e34;line-height:1.1;font-weight:500}
.hero-v12 .match-card .match-card-content{padding-top:clamp(22px,3.2svh,38px)}
.hero-v12 .match-card .match-score{width:100%;padding-top:clamp(15px,2.1svh,25px);border-top:1px solid #d7ffeb30;gap:10px;min-height:72px}
.hero-v12 .match-primary .match-score{border-top-color:#487e6830}
.hero-v12 .match-card:not(.match-primary) .match-score strong{color:#e9fff4;font-weight:450}
.hero-v12 .match-card:not(.match-primary) .match-score>span{color:#c2e9d7;font-size:11px}
.hero-v12 .match-primary .match-score strong{color:#007e6c;font-weight:450}
.hero-v12 .match-score>span{font-size:11px;letter-spacing:.015em}
.hero-v12 .match-right .match-score{justify-content:flex-end}
.hero-v12 .match-primary .match-rank .match-career-icon{background:#047d6b0b;border-color:#36786329}
@media(max-width:600px){
 .hero-v12 .match-card.match-primary .match-card-content{padding-top:24px}
 .hero-v12 .match-card h2{min-height:0}
 .hero-v12 .match-card.match-primary h2{font-size:26px;min-height:58px}
 .hero-v12 .match-card:not(.match-primary) .match-card-content{padding-top:13px}
 .hero-v12 .match-card:not(.match-primary) h2{font-size:16px;line-height:1.13;min-height:36px}
 .hero-v12 .match-card .match-score{min-height:0;padding-top:12px;margin-top:auto}
 .hero-v12 .match-card:not(.match-primary) .match-score{border:0;padding-top:10px}
 .hero-v12 .match-primary .match-score{gap:8px}
 .hero-v12 .match-primary .match-score strong{font-size:39px}
 .hero-v12 .match-score>span{font-size:10px}
}
/* Square glass cards, with the career and score grouped as one composition. */
.hero-v12 .match-card .match-card-content{flex:1;justify-content:center;min-height:0;padding-top:0}
.hero-v12 .match-card h2,.hero-v12 .match-card.match-primary h2{min-height:0}
.hero-v12 .match-card .match-score{margin-top:24px;min-height:0;padding-top:16px}
@media(min-width:601px){
 .hero-v12 .match-stage{height:auto;aspect-ratio:100/38;max-width:min(1320px,calc(145svh - 260px),calc(70vw + 70px));flex:none}
 .hero-v12 .match-card{width:31%;height:auto;aspect-ratio:1;top:8%;padding:clamp(20px,2.5vw,32px)}
 .hero-v12 .match-card.match-primary{width:37%;height:auto;aspect-ratio:1;top:0;padding:clamp(24px,2.6vw,36px)}
 .hero-v12 .match-left{left:4%}.hero-v12 .match-right{right:4%}
 .hero-v12 .match-card h2{font-size:clamp(22px,2.6svh,31px);max-width:245px}
 .hero-v12 .match-card.match-primary h2{font-size:clamp(28px,3.2svh,38px);max-width:350px}
 .hero-v12 .match-score strong{font-size:clamp(36px,4.3svh,54px)}
 .hero-v12 .match-primary .match-score strong{font-size:clamp(45px,5.4svh,68px)}
}
@media(min-width:601px) and (max-width:960px){
 .hero-v12 .match-stage{max-width:none}
 .hero-v12 .match-card{padding:16px}
 .hero-v12 .match-card.match-primary{padding:20px}
 .hero-v12 .match-card h2{font-size:clamp(18px,2.4vw,23px)}
 .hero-v12 .match-card.match-primary h2{font-size:clamp(22px,3vw,28px)}
 .hero-v12 .match-card .match-score{margin-top:18px;padding-top:12px}
 .hero-v12 .match-score strong{font-size:32px}.hero-v12 .match-primary .match-score strong{font-size:40px}
 .hero-v12 .match-card:not(.match-primary) .match-rank>span{display:none}
}
@media(min-width:961px) and (max-height:720px){
 .hero-v12 .match-card{padding:20px}.hero-v12 .match-card.match-primary{padding:23px}
 .hero-v12 .match-card h2{font-size:22px}.hero-v12 .match-card.match-primary h2{font-size:27px}
 .hero-v12 .match-card .match-score{margin-top:20px;padding-top:13px}
 .hero-v12 .match-score strong{font-size:33px}.hero-v12 .match-primary .match-score strong{font-size:43px}
}
@media(max-width:600px){
 .hero-v12 .match-card.match-primary{height:245px}
 .hero-v12 .match-card.match-primary .match-card-content{padding-top:0}
 .hero-v12 .match-card:not(.match-primary) .match-card-content{padding-top:8px}
 .hero-v12 .match-card.match-primary h2{font-size:26px;min-height:0}
 .hero-v12 .match-card.match-primary .match-score{margin-top:20px;padding-top:12px}
 .hero-v12 .match-card:not(.match-primary) .match-score{margin-top:12px;padding-top:0}
}