:root{font-family:Cairo,Tahoma,Arial,sans-serif;font-size:17px;line-height:1.85;color:#17343b;background:#f7f8f4;--ink:#123c45;--teal:#12605e;--gold:#f2c862;--line:#d3dfda}*{box-sizing:border-box}body{margin:0}a{color:#125958;text-underline-offset:.24em}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;min-height:48px;padding:.62rem 1.3rem;background:var(--ink);color:white;border:2px solid var(--ink);border-radius:.55rem;text-decoration:none;font-weight:800;cursor:pointer;line-height:1.6}button:hover,.button:hover{background:#22555f}.button.outline{background:transparent;color:var(--ink);border-color:#a1b8b7}.button.outline:hover{background:#e5eeea}.button.small{font-size:.85rem;padding:.45rem 1rem;min-height:44px}.text-button{padding:.15rem .4rem;min-height:40px;background:transparent;color:var(--ink);border:0;font-size:.85rem}.text-button:hover{background:#e2ece7}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ae5600;outline-offset:4px}.container{width:min(100% - 3rem,1200px);margin-inline:auto}.skip-link{position:fixed;top:-100px;right:1rem;background:white;padding:.6rem;z-index:100}.skip-link:focus{top:.5rem}.site-nav{background:#fff;border-bottom:1px solid var(--line)}.nav-wrap{width:min(100% - 3rem,1320px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.6rem;min-height:100px;padding:.7rem 0}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink);font-size:1.3rem;font-weight:800;white-space:nowrap}.brand small{display:block;font-weight:400;font-size:.62rem;letter-spacing:.04em}.brand-cell{display:grid;grid-template-columns:repeat(2,8px);gap:5px;padding:12px;background:var(--ink);border-radius:10px}.brand-cell i{width:8px;height:8px;background:#f6d780;border-radius:50%}.brand-cell i:nth-child(2),.brand-cell i:nth-child(6){background:#60818a}.site-nav nav{display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem}.site-nav nav a{text-decoration:none;font-size:.9rem;font-weight:700;padding:.3rem 0}.site-nav nav a[aria-current]{border-bottom:3px solid #12605e}.account-nav{display:flex;gap:.8rem;align-items:center;font-size:.85rem}.account-nav form{margin:0}.account-name{max-width:9rem;overflow-wrap:anywhere}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:4rem;align-items:center;padding:4rem 0 3.5rem}.eyebrow{font-size:.82rem;letter-spacing:.035em;font-weight:800;color:#35736d;margin:0 0 .55rem}.hero h1{font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.55;letter-spacing:-.05em;margin:0 0 1rem;font-weight:800}.hero h1 span{color:#2b7974}.lead{font-size:1.08rem;max-width:36rem;line-height:2}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.5rem 0}.quiet,.hint{color:#526a6b;font-size:.87rem}.hero-art{background:var(--ink);position:relative;min-height:400px;border-radius:50% 50% 1.3rem 1.3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.3rem;color:#fff9e9;overflow:hidden;isolation:isolate}.hero-art:after{content:"";width:350px;height:350px;border:1px solid #79918a55;border-radius:50%;position:absolute;bottom:-230px;left:-70px;z-index:-1}.art-label{font-size:.95rem;color:#d6e7df}.art-caption{font-size:1.1rem;font-weight:700}.art-cell{display:grid;grid-template-columns:repeat(2,2.4rem);gap:1.05rem 1.6rem;direction:ltr;margin:.6rem}.art-cell i{border-radius:50%;height:2.4rem;background:#345963;border:1px solid #81a4a6}.art-cell i.on{background:#f2c862;border-color:#f2c862;box-shadow:0 .4rem 1rem #001b2d44}.art-line{width:3rem;height:3px;background:#f2c862}.section{margin:2rem 0 3.5rem}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.section-heading a{font-size:.9rem}h1,h2,h3{color:var(--ink);line-height:1.65;margin-top:0}h2{font-size:1.65rem;margin-bottom:.7rem}h3{font-size:1.15rem;margin-bottom:.5rem}p{margin:.4rem 0 1rem}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}.course-card{background:white;border:1px solid var(--line);border-radius:.8rem;overflow:hidden;display:flex;flex-direction:column}.course-top{background:#e0eee6;min-height:115px;display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;font-size:2rem;font-weight:800;letter-spacing:.1em}.course-top.en{background:#e5eaf0;direction:ltr}.course-top.math{background:#f3ead7}.card-dot-mark{opacity:.3;font-size:1.5rem}.course-body{padding:1.3rem;flex:1;display:flex;align-items:flex-start;flex-direction:column}.course-body h3 a{text-decoration:none}.course-body p:not(.badge){font-size:.85rem;line-height:1.9;color:#526a6b}.badge{display:inline-block;border-radius:5rem;padding:.15rem .65rem;background:#ecf4e9;color:#24573f;font-size:.73rem;font-weight:800;margin:0 0 .6rem}.course-link{margin-top:auto;font-size:.85rem;font-weight:800;display:flex;width:100%;justify-content:space-between;padding-top:.6rem}.steps{padding:2.4rem;border:1px solid var(--line);border-radius:.8rem;background:#edf1e9;display:grid;grid-template-columns:1fr 1.4fr;gap:3rem}.steps ol{list-style:none;counter-reset:steps;padding:0;margin:0}.steps li{counter-increment:steps;display:grid;grid-template-columns:2.5rem 1fr;column-gap:1rem;padding:.8rem 0}.steps li:before{content:counter(steps,decimal-leading-zero);grid-row:span 2;align-self:center;color:#4e7c6b;border-bottom:1px solid #a0b8ac;font-weight:800}.steps li span{font-size:.9rem}.teacher-invite{display:flex;justify-content:space-between;align-items:center;gap:2rem}.teacher-invite h2{font-size:1.4rem}.page-heading{padding:2.5rem 0 1.8rem}.page-heading h1{font-size:2.25rem;margin:.3rem 0}.page-heading p{max-width:48rem;color:#4a6667}.content-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1.5rem;align-items:start}.panel{padding:1.8rem;border:1px solid var(--line);background:#fff;border-radius:.75rem;margin-bottom:1.3rem;min-width:0}.unit-outline{margin-top:1.3rem;border-top:1px solid var(--line);padding-top:1.3rem}.unit-outline ol{padding-inline-start:1.5rem}.unit-outline li{padding:.5rem .25rem;border-bottom:1px solid #edf0eb}.unit-outline small{display:block;font-size:.76rem;color:#677673}.course-summary{position:sticky;top:1rem}.course-summary p{font-size:.88rem}.auth-layout{padding:3rem 0;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.auth-copy{padding-top:2rem}.auth-copy h1{font-size:2.6rem}.auth-copy p{max-width:28rem}.auth-form{width:100%;max-width:33rem}.auth-form h2{font-size:1.45rem}form label{display:block;font-weight:700;margin:.9rem 0 .3rem;font-size:.9rem}input:not([type=checkbox]),select,textarea{width:100%;min-height:48px;border:1px solid #8ea6a3;background:#fff;border-radius:.35rem;padding:.6rem .7rem;color:#153f43}textarea{resize:vertical;max-width:100%}input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#12605e}.full-width{width:100%;margin:1.3rem 0 .6rem}.notice{background:#e2efe3;color:#184b2d;padding:1rem;border:1px solid #a3c6ac;border-radius:.5rem;margin-top:1rem}.error-summary{background:#fff0e8;color:#7e2905;padding:1rem;border:2px solid #b65023;margin-top:1rem;border-radius:.5rem}.error-summary p{margin-bottom:0}.empty{grid-column:1/-1}.continue-card{background:#e1eee6;border:1px solid #aec9bc;border-radius:.7rem;padding:1.7rem;display:flex;justify-content:space-between;gap:2rem;align-items:center}.continue-card p{margin-bottom:.3rem}.continue-card h2{margin-bottom:.3rem}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 2rem}.stat{background:white;border:1px solid var(--line);padding:1.1rem;border-radius:.6rem}.stat strong{display:block;font-size:2rem;color:var(--ink)}.stat span{font-size:.85rem}.stack>*+*{margin-top:1rem}.review-item{border-top:1px solid var(--line);padding:1.4rem 0}.inline-form{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.inline-form button{font-size:.85rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right}caption{text-align:right;font-weight:700;margin-bottom:.8rem}td,th{padding:.75rem;border-bottom:1px solid var(--line);white-space:normal}th{background:#edf2ed}small{font-size:.78rem}.prose{max-width:50rem;white-space:pre-line}.site-footer{background:#e8eee6;border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0}.footer-content{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;font-size:.8rem}.footer-content p{margin:0}.footer-brand{font-size:1.1rem;font-weight:800}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
@media(max-width:1050px){.nav-wrap{flex-wrap:wrap;gap:.6rem 1.5rem}.site-nav nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line);padding-top:.55rem}.hero{gap:2rem}.hero-art{min-height:350px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-card:last-child{grid-column:auto}.auth-layout{gap:2rem}.content-layout{grid-template-columns:minmax(0,1.7fr) minmax(14rem,1fr)}}
@media(max-width:700px){:root{font-size:16px}.container,.nav-wrap{width:calc(100% - 2rem)}.nav-wrap{min-height:80px}.brand{font-size:1.1rem}.brand small{display:none}.account-nav{gap:.3rem;font-size:.77rem}.account-nav .small{padding:.4rem .6rem}.account-name{max-width:6rem}.site-nav nav{gap:.7rem 1.2rem;justify-content:flex-start}.site-nav nav a{font-size:.82rem}.hero{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0}.hero h1{font-size:2.7rem}.hero-art{min-height:220px;border-radius:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem}.art-cell{grid-row:span 2;grid-column:2;grid-template-columns:repeat(2,1.4rem);gap:.65rem 1rem}.art-cell i{height:1.4rem}.art-label,.art-caption{grid-column:1;font-size:.9rem}.art-line{display:none}.course-grid,.steps,.auth-layout,.content-layout{grid-template-columns:1fr}.course-top{min-height:90px}.section{margin:1.5rem 0 2.5rem}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.4rem}.section-heading a{font-size:.78rem;white-space:nowrap}.steps{padding:1.3rem;gap:1rem}.teacher-invite,.continue-card{align-items:flex-start;flex-direction:column;gap:.8rem}.teacher-invite h2{font-size:1.25rem}.auth-layout{gap:1rem;padding:1.5rem 0}.auth-copy{padding-top:0}.auth-copy h1{font-size:2rem}.auth-copy p:last-child{display:none}.panel{padding:1.2rem}.page-heading{padding:1.7rem 0 1rem}.page-heading h1{font-size:1.9rem}.course-summary{position:static}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stat strong{font-size:1.7rem}.stat{padding:.8rem}.footer-content{display:block}.footer-content>*{margin-bottom:.5rem!important}td,th{padding:.55rem;font-size:.85rem}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,color .15s}}
