.button{border:1px solid var(--orange);background:var(--orange);color:var(--paper);border-radius:22px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{box-shadow:0 7px 18px color-mix(in oklch, var(--orange) 25%, transparent);transform:translateY(-2px)}.button--outline{background:var(--paper);color:var(--navy)}.results-hero{background:linear-gradient(108deg, var(--warm), var(--paper) 59%, var(--peach));overflow:hidden}.results-hero__inner{grid-template-columns:49% 51%;align-items:center;width:min(1380px,92%);min-height:475px;margin:auto;display:grid}.results-hero__copy{z-index:5;padding:44px 0;position:relative}.results-hero__script{color:var(--navy);margin:0 0 4px;font:700 18px Kalam,cursive}.results-hero h1{color:var(--navy);margin:0;font-size:48px;line-height:1.03}.results-hero h1 span{color:var(--orange);display:block}.results-hero__description{max-width:585px;margin:14px 0 22px;font-size:14px;line-height:1.6}.results-hero__actions{flex-wrap:wrap;gap:12px;display:flex}.results-hero__stats{margin-top:28px;display:flex}.results-hero__stats>div{border-right:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:38px auto;min-width:155px;margin-right:22px;padding-right:22px;display:grid}.results-hero__stats>div:last-child{border:0}.results-hero__stats svg{width:27px;height:27px;color:var(--orange);grid-row:1/3;align-self:center}.results-hero__stats b{color:var(--navy);font-size:19px}.results-hero__stats small{color:var(--muted-text);font-size:9px}.results-hero__visual{align-self:end;height:475px;position:relative}.results-hero__visual img{z-index:2;object-fit:cover;object-position:50% 18%;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);width:56%;height:94%;filter:drop-shadow(0 8px 12px var(--shadow));position:absolute;bottom:0;right:13%}.results-hero__brush{background:var(--navy);clip-path:polygon(14% 4%,91% 0,84% 11%,100% 17%,91% 29%,100% 41%,91% 53%,100% 65%,88% 76%,96% 89%,80% 93%,73% 100%,7% 96%,0 82%,8% 67%,0 52%,9% 36%,2% 21%);width:72%;height:93%;position:absolute;bottom:-7%;right:2%}.results-hero__sun{background:var(--sun);border-radius:50%;width:280px;height:280px;position:absolute;top:-24%;right:-16%}.results-hero__note{z-index:4;color:var(--navy);font:700 17px/1.15 Kalam,cursive;position:absolute;transform:rotate(-7deg)}.results-hero__note--left{top:88px;left:0}.results-hero__note--right{color:var(--paper);top:195px;right:0}.results-hero__chart{z-index:4;color:var(--paper);width:48px;height:48px;position:absolute;top:65px;right:3%}.results-hero__cap{z-index:4;color:var(--paper);width:48px;height:48px;position:absolute;bottom:45px;right:1%;transform:rotate(-8deg)}.results-catalog{background:var(--paper);padding:28px 0 36px}.results-catalog__inner{width:min(1380px,92%);margin:auto}.filter-tabs{gap:14px;margin:0 0 25px;padding:2px;display:flex;overflow-x:auto}.filter-tabs button{border:1px solid var(--line);background:var(--paper);min-width:max-content;height:43px;color:var(--navy);cursor:pointer;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:9px;padding:0 21px;font-size:12px;font-weight:700;display:flex}.filter-tabs button svg{width:17px}.filter-tabs button.active{background:var(--orange);border-color:var(--orange);color:var(--paper)}.featured-results__heading{margin:34px 0 22px;position:relative}.featured-results__heading h2{color:var(--navy);margin:0;font-size:24px}.featured-results__heading p{color:var(--muted-text);margin:3px 0;font-size:11px}.featured-results__note{color:var(--navy);border-bottom:3px solid var(--orange);padding-bottom:6px;font:700 18px/1.1 Kalam,cursive;position:absolute;top:-2px;right:25px;transform:rotate(-5deg)}.student-results-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.student-result-card{border:1px solid var(--line);background:var(--paper);border-radius:7px;flex-direction:column;min-height:290px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.student-result-card:hover{box-shadow:0 12px 25px var(--shadow);transform:translateY(-3px)}.student-result-card__top{grid-template-columns:58px 1fr auto;align-items:center;gap:12px;display:grid}.student-result-card__avatar{object-fit:cover;border:3px solid var(--soft);border-radius:50%;width:58px;height:58px}.student-result-card__identity span{background:var(--peach);color:var(--orange);border-radius:12px;margin-bottom:6px;padding:4px 8px;font-size:8px;font-weight:800;display:inline-block}.student-result-card__identity h3{color:var(--navy);margin:0;font-size:13px}.student-result-card__identity small{color:var(--muted-text);font-size:9px}.student-result-card__score{background:var(--warm);min-width:58px;min-height:58px;color:var(--orange);text-align:center;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:900;line-height:1;display:flex}.student-result-card__score small{margin-top:4px;font-size:7px}.student-result-card blockquote{color:var(--text);margin:18px 0;font-size:11px;line-height:1.55}.student-result-card__achievement{color:var(--navy);align-items:flex-start;gap:9px;margin-top:auto;display:flex}.student-result-card__achievement svg{flex:none;width:16px;height:16px}.student-result-card__achievement span{flex-direction:column;font-size:9px;display:flex}.student-result-card__achievement small{color:var(--muted-text);margin-top:3px;font-size:8px}.results-empty{text-align:center;color:var(--muted-text);padding:65px 20px}.results-empty svg{width:46px;height:46px;color:var(--orange)}.results-callout{background:linear-gradient(100deg, var(--peach), var(--paper) 62%, var(--warm));border-radius:7px;grid-template-columns:1fr 160px 285px;align-items:center;min-height:155px;margin-top:30px;padding:24px 38px;display:grid;overflow:hidden}.results-callout__copy{grid-template-columns:52px 1fr;column-gap:16px;display:grid}.results-callout__icon{background:var(--orange);width:48px;height:48px;color:var(--paper);border-radius:8px;grid-row:1/4;place-items:center;display:grid}.results-callout__icon svg{width:26px}.results-callout h2{color:var(--navy);margin:0;font-size:22px}.results-callout h2 span{color:var(--orange)}.results-callout p{margin:4px 0 12px;font-size:10px}.results-callout .button{justify-self:start;min-height:36px;font-size:9px}.results-callout blockquote{color:var(--navy);font:700 17px/1.15 Kalam,cursive;transform:rotate(-7deg)}.results-callout__scene{height:115px;position:relative}.results-callout__books{position:absolute;bottom:15px;left:0}.results-callout__books i{background:var(--navy);border:4px solid var(--page);width:165px;height:20px;margin-top:2px;display:block;transform:skew(-9deg)}.results-callout__mug{background:var(--paper);width:70px;height:65px;box-shadow:0 6px 20px var(--shadow);color:var(--orange);border-radius:4px 4px 18px 18px;place-items:center;font-size:19px;font-weight:900;display:grid;position:absolute;bottom:14px;right:7px}.results-callout__mug:after{content:"";border:7px solid var(--paper);border-left:0;border-radius:0 18px 18px 0;width:21px;height:29px;position:absolute;right:-17px}@media (max-width:900px){.results-hero__inner{grid-template-columns:1fr}.results-hero__copy{padding-bottom:10px}.results-hero__visual{height:390px}.student-results-grid{grid-template-columns:repeat(2,1fr)}.results-callout{grid-template-columns:1fr 140px}.results-callout__scene{display:none}}@media (max-width:560px){.results-hero h1{font-size:37px}.results-hero__description{font-size:13px}.results-hero__stats{overflow-x:auto}.results-hero__stats>div{min-width:140px}.results-hero__visual{height:335px}.results-hero__visual img{width:67%;right:10%}.results-hero__note{font-size:13px}.results-hero__note--left{top:62px}.results-hero__note--right{top:145px}.results-hero__chart,.results-hero__cap{width:34px}.featured-results__note{display:none}.student-results-grid{grid-template-columns:1fr}.student-result-card{min-height:265px}.results-callout{grid-template-columns:1fr;padding:24px}.results-callout blockquote{display:none}.results-callout__copy{grid-template-columns:45px 1fr}.results-callout__icon{width:42px;height:42px}.results-callout h2{font-size:18px}}
