.home-page{max-width:1220px;margin:0 auto}.home-page .hero:not(.profile-hero){min-height:220px}.home-grade-section{margin:35px 0 39px}.home-grade-section .section-heading{margin:0 0 20px}.home-grade-section h2{font-size:calc(25px * var(--font-scale,1));letter-spacing:-.7px}.home-grade-section .section-heading p{margin-top:8px;font-size:calc(13px * var(--font-scale,1))}.home-grade-section .grade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.home-grade-section .grade-card{min-height:183px;padding:25px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:16px;position:relative;background:var(--panel);box-shadow:none}.home-grade-section .grade-top{align-items:center;gap:14px;margin:0}.home-grade-section .grade-card h3{font-size:calc(27px * var(--font-scale,1));letter-spacing:-.8px;line-height:1.35;color:var(--text)}.home-grade-section .tile-icon{width:47px;height:49px;flex:none;border-radius:12px}.home-grade-section .tile-icon .icon{width:25px;height:25px}.home-grade-section .grade-card p{font-size:calc(13px * var(--font-scale,1));line-height:1.8;margin:0;padding-right:32px;color:var(--muted)}.home-grade-section .circle-arrow{width:29px;height:29px;bottom:24px;right:23px;border:1px solid var(--line);background:var(--panel);color:var(--accent)}.home-grade-section .grade-card:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 2%,var(--panel))}.home-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.home-progress-grid>.card{padding:25px;min-width:0}.home-progress-grid .card-head{gap:14px;align-items:center}.home-progress-grid .card-head h2{font-size:calc(19px * var(--font-scale,1));letter-spacing:-.5px}.home-progress-grid .card-head .link-btn{font-size:calc(11px * var(--font-scale,1));white-space:nowrap}.home-progress-grid .card-sub{margin-top:9px;font-size:calc(12px * var(--font-scale,1));line-height:1.8}.home-progress-grid .progress-content{gap:22px;align-items:center}.home-progress-grid .legend-row{font-size:calc(11px * var(--font-scale,1));line-height:1.7;gap:8px}.home-progress-grid .legend-row b{margin-left:auto}.home-progress-grid .legend{min-width:0;flex:1}.home-path-lessons{margin-top:14px}.home-page .hero-content{max-width:680px}.home-page .hero-content>p{max-width:600px}.home-page .hero .cover-button{top:18px;right:18px}
@media(min-width:1500px){.home-grade-section .grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.home-grade-section .grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-progress-grid{grid-template-columns:minmax(0,1fr)}.home-grade-section .grade-card{min-height:174px}.home-progress-grid .progress-content{justify-content:flex-start}}@media(max-width:700px){.home-grade-section{margin-top:29px}.home-grade-section .grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-grade-section .grade-card{padding:20px 17px;min-height:180px;gap:14px}.home-grade-section .grade-card h3{font-size:calc(23px * var(--font-scale,1))}.home-grade-section .grade-top{flex-direction:column;align-items:flex-start;gap:12px}.home-grade-section .tile-icon{width:40px;height:42px;border-radius:10px}.home-grade-section .tile-icon .icon{width:22px;height:22px}.home-grade-section .grade-card p{font-size:calc(11px * var(--font-scale,1));padding-right:9px}.home-grade-section .circle-arrow{position:static;align-self:flex-end;margin-top:auto;width:26px;height:26px}.home-grade-section h2{font-size:calc(23px * var(--font-scale,1))}.home-progress-grid>.card{padding:21px}.home-progress-grid .progress-content{gap:17px}.home-progress-grid .ring{flex:none}.home-progress-grid .legend-row{font-size:calc(10px * var(--font-scale,1))}.home-progress-grid .card-head h2{font-size:calc(18px * var(--font-scale,1))}}@media(max-width:390px){.home-grade-section .grade-grid{grid-template-columns:minmax(0,1fr)}.home-grade-section .grade-top{flex-direction:row;align-items:center}.home-grade-section .grade-card{min-height:145px}.home-grade-section .grade-card p{padding-right:35px}.home-grade-section .circle-arrow{position:absolute;right:17px;bottom:18px}.home-progress-grid .progress-content{flex-wrap:wrap}.home-progress-grid .legend{min-width:180px}}