.rating-page{max-width:1180px;margin:0 auto;padding:32px 20px 72px}.rating-hero{padding:56px;border-radius:24px;background:linear-gradient(120deg,#173c2e,#2d6b4f);color:#fff;position:relative;overflow:hidden}.rating-hero:after{content:'';position:absolute;width:320px;height:320px;border:2px solid #ffffff20;border-radius:50%;right:-90px;top:30px;pointer-events:none}.rating-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:15px 0 22px;max-width:750px;color:#fff}.rating-hero p{max-width:680px;font-size:18px;line-height:1.7}.rating-hero .racket-eyebrow{color:#bee8cc;font-size:12px}.rating-tags{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0;color:#d4ebde;font-size:14px}.rating-hero .button{background:#fff;color:#173c2e}.rating-questionnaire,.rating-results,.rating-explainer{margin-top:32px;padding:36px;border:1px solid #dce5df;border-radius:20px;background:var(--surface,#fff);color:var(--text,#183b2d)}.rating-form-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.rating-form-heading h2{margin:8px 0}.rating-form-heading>span{font-size:13px;color:#65766d}.rating-step{border:0;padding:20px 0;margin:0;min-width:0}.rating-step legend{font-weight:750;font-size:22px;padding-top:18px}.rating-step legend>span{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:#e9f3ec;color:#246345;font-size:15px;margin-right:8px}.rating-step>p{color:#65766d}.rating-options{display:grid;gap:10px}.rating-options label{display:flex;gap:14px;align-items:center;border:1px solid #dce5df;border-radius:12px;padding:15px 18px;cursor:pointer;line-height:1.5}.rating-options label:has(input:checked){background:#edf7f0;border-color:#28764c;color:#183b2d;box-shadow:0 0 0 1px #28764c}.rating-options label:focus-within{outline:3px solid #89bda0;outline-offset:2px}.rating-options input{accent-color:#28764c;width:18px;height:18px;flex:0 0 18px;margin:0}.rating-form-actions,.rating-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:24px}.rating-progress{display:flex;gap:20px;align-items:center;margin:25px 0}.rating-progress progress{flex:1;accent-color:#28764c;height:10px}.rating-progress span{font-size:13px;white-space:nowrap}.rating-scores,.rating-next{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.rating-scores article{padding:25px;background:#edf5ef;border-radius:16px;color:#183b2d}.rating-scores strong{display:block;font-size:52px;line-height:1.2;margin:14px 0}.rating-scores span{font-weight:700}.rating-results>p,.rating-explainer p,.rating-next p{line-height:1.7}.rating-note{padding:16px;background:#fff4dc;border-radius:10px;color:#614716}.rating-private{font-size:13px;color:#65766d;margin-top:20px}.rating-page [hidden]{display:none!important}.rating-results{scroll-margin-top:25px}.rating-explainer a{color:#28764c;text-decoration:underline}@media(max-width:680px){.rating-page{padding:20px 12px 40px}.rating-hero{padding:30px 24px}.rating-questionnaire,.rating-results,.rating-explainer{padding:24px 18px}.rating-form-heading{display:block}.rating-scores,.rating-next{grid-template-columns:1fr}.rating-options label{padding:13px}.rating-tags{gap:12px}.rating-step legend{font-size:19px}}@media(prefers-color-scheme:dark){.rating-questionnaire,.rating-results,.rating-explainer{background:var(--surface,#fff)}}

.rating-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center}.rating-hero:after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(10,38,27,.94) 0%,rgba(10,38,27,.84) 42%,rgba(10,38,27,.32) 72%,rgba(10,38,27,.12) 100%)}.rating-hero-content{position:relative;z-index:1;max-width:620px}.rating-hero-content>p:not(.racket-eyebrow){max-width:530px}.rating-hero .rating-tags{max-width:510px;gap:12px 20px}@media(max-width:680px){.rating-hero-photo{object-position:78% center}.rating-hero:after{background:linear-gradient(90deg,rgba(10,38,27,.92),rgba(10,38,27,.65))}}