:root{--ink:#253052;--purple:#5146b5;--line:#dfe2ef;--cloud:#f5f6fb;--gold:#ffcf66}body{background:var(--cloud);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}a{color:#4c43a6;text-underline-offset:3px}button,.button{background:var(--purple);border:1px solid transparent;border-radius:10px;font-weight:650;padding:12px 20px}button:hover,.button:hover{background:#40358e}button.secondary{background:#eceaf8;color:#40358e}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ab73e0;outline-offset:3px}input,select,textarea{border:1px solid #cbd0e1;border-radius:9px;background:#fcfcff;color:var(--ink)}label{font-weight:600}input,select,textarea{font-weight:400}h1,h2,h3{letter-spacing:-.025em;color:#252c50}h1{font-size:clamp(27px,3vw,38px)}h2{font-size:26px}.card,form.panel{border-color:var(--line);border-radius:17px;box-shadow:0 5px 18px #27326905}.profile-grid{grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr)}.profile-grid .card{align-self:start}.profile-grid .card h2{overflow-wrap:anywhere}.profile-grid form input{max-width:none}.role-badge{background:#eceaf9;color:#5243a2;font-size:13px;font-weight:700;border-radius:20px;display:inline-block;padding:5px 12px}.ok{background:#e9f5ed;border-left:3px solid #4b9a69;border-radius:9px}.notice{border-radius:10px;font-size:15px}th{background:#eceaf8;color:#443c81;font-size:14px}td{border-color:var(--line)}details summary{cursor:pointer;font-weight:650}main{max-width:1180px;margin:36px auto;padding:0 30px}.site-header{border-color:var(--line);padding:22px 5%;gap:25px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;letter-spacing:-.04em;color:var(--purple)}.brand-icon{display:grid;place-items:center;background:var(--purple);color:#fff;font-size:23px;width:39px;height:39px;border-radius:11px;transform:rotate(-5deg)}.site-navigation{align-items:center;gap:28px;font-size:14px;font-weight:650}.site-navigation a{text-decoration:none;padding:8px 0}.site-navigation a[aria-current]{color:var(--purple);font-weight:750}.site-header .header-note{display:none}.nav-account{display:none}.menu-toggle{display:none}.site-footer{display:flex;align-items:center;flex-direction:column;gap:5px;font-size:13px;color:#777c94;padding:45px 25px}.site-footer strong{color:var(--purple);letter-spacing:.1em}.skip-link{position:absolute;left:20px;top:-100px;padding:10px;background:#fff;z-index:30}.skip-link:focus{top:10px}.signed-in .site-header{position:fixed;inset:0 auto 0 0;width:245px;display:flex;flex-direction:column;justify-content:start;align-items:stretch;padding:30px 20px;background:#fff;z-index:10;border-right:1px solid var(--line)}.signed-in .site-navigation{flex-direction:column;align-items:stretch;gap:7px;margin-top:25px}.signed-in .site-navigation>a{padding:12px 15px;border-radius:10px;color:#6b6b82}.signed-in .site-navigation>a:hover{background:#f2f1fb}.signed-in .site-navigation>a[aria-current]{background:#eceaf9;color:var(--purple)}.signed-in .nav-account{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding:25px 10px;margin-top:25px;overflow-wrap:anywhere}.signed-in .nav-account .role-badge{align-self:start}.nav-account small{line-height:1.6;font-weight:400;color:#787e94}.signed-in .header-note{display:block;font-size:12px;color:#9b9aac;margin-top:auto}.signed-in main{margin-left:245px;max-width:none;padding:0 35px}.signed-in .site-footer{margin-left:245px}body:has(.home-hero) main>h1{display:none}.home-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;margin:40px 0 70px}.home-hero h2{font-size:clamp(37px,4.6vw,62px);line-height:1.1;margin:23px 0;color:#272d54;max-width:13ch}.home-hero p{color:#71758e;max-width:49ch;font-size:17px;line-height:1.8}.home-hero .pill{background:#fff2cf;border:0;color:#866323;font-weight:650}.home-hero small{color:#83859b}.learning-art{position:relative;background:#e9e7fa;border-radius:35% 25% 30% 22%;padding:38px 30px;min-width:0}.learning-art svg{display:block;width:100%;height:auto}.art-label{position:absolute;right:-8px;bottom:7px;background:var(--gold);border:5px solid var(--cloud);border-radius:18px;padding:12px 18px;font-size:14px;box-shadow:0 10px 20px #78641a14}.art-label strong{display:block;font-size:21px}.home-section{margin:65px 0}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-intro h2{margin:0}.section-intro p{margin:0;color:#7d8098;max-width:45ch;font-size:15px}.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.level-card{display:flex;flex-direction:column;position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;min-height:285px;text-decoration:none;color:var(--ink)}.level-card:hover{border-color:#a49dd6;box-shadow:0 8px 24px #46388f0b}.level-card svg{width:72px;height:62px;margin-bottom:18px}.level-card h3{font-size:21px;margin:0 0 10px}.level-card p{font-size:14px;color:#7b7e95;line-height:1.8;margin:0 0 20px}.level-card span{font-size:14px;color:var(--purple);margin-top:auto;font-weight:700}.method-band{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;background:#eae8f8;border-radius:23px;padding:35px}.method-band h2{font-size:31px;line-height:1.25;margin:0 0 15px}.method-band p{color:#6e7092}.method-list{display:flex;flex-direction:column;gap:17px}.method-list div{border-left:3px solid #aaa1e5;padding-left:18px}.method-list p{margin:2px 0;font-size:14px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.audience-grid p{font-size:15px;color:#7d8098}.audience-grid h3{margin-bottom:5px}.home-bottom{border-top:1px solid var(--line);padding-top:24px;color:#85879b;font-size:13px}
@media(min-width:1500px){.signed-in main{max-width:1300px;margin-left:285px}}
@media(max-width:950px){.home-hero{gap:25px}.signed-in .site-header{width:210px;padding:25px 14px}.signed-in main,.signed-in .site-footer{margin-left:210px}.signed-in main{padding:0 20px}.profile-grid{grid-template-columns:1fr}.section-intro{display:block}.section-intro p{margin-top:12px}.level-card{padding:20px}.site-navigation{gap:17px}}
@media(max-width:720px){.site-header,.signed-in .site-header{position:relative;inset:auto;width:auto;flex-direction:row;align-items:center;justify-content:space-between;padding:17px 20px}.menu-toggle{display:block;padding:8px 15px}.site-navigation,.signed-in .site-navigation{display:none;margin:0;width:100%;flex-direction:column;align-items:stretch;gap:5px;padding-top:16px}.site-navigation.is-open,.signed-in .site-navigation.is-open{display:flex}.site-header{flex-wrap:wrap}.signed-in .header-note{display:none}.signed-in .nav-account{margin-top:10px;padding:17px 10px}.signed-in main,.signed-in .site-footer{margin-left:0}.signed-in main,main{padding:0 20px;margin-top:25px}.home-hero{grid-template-columns:1fr;gap:35px;margin:25px 0 55px}.home-hero h2{font-size:43px}.learning-art{max-width:410px;width:100%;margin:0 auto;padding:22px 25px}.home-hero p{font-size:16px}.level-grid,.audience-grid,.method-band{grid-template-columns:1fr}.level-card{min-height:0;padding:25px}.level-card svg{float:right}.home-section{margin:45px 0}.method-band{padding:27px;gap:22px}.section-intro h2{font-size:27px}.cta{gap:15px}.profile-grid{gap:0}.card,form.panel{padding:20px}.grid{gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}