:root{--ink:#291c63;--purple:#8761e6;--teal:#008c91;--muted:#66617a;--line:#e7e2f0}*{box-sizing:border-box}body{color:var(--ink);background:#faf9fd;margin:0;font-family:Arial,Helvetica,sans-serif}.welcome{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 480px;gap:36px 72px;max-width:1400px;min-height:100dvh;margin:auto;padding:36px 64px 26px;display:grid}.brand{grid-column:1/-1}.brand img{mix-blend-mode:multiply;width:245px;height:auto}.intro{align-self:center;padding:30px 0 70px}.eyebrow{letter-spacing:2px;color:var(--teal);font-size:11px;font-weight:800}h1{letter-spacing:-2.4px;margin:24px 0;font-size:clamp(40px,4.4vw,64px);line-height:1.08}h1 span{color:#7551cc}.intro>p{max-width:470px;color:var(--muted);font-size:18px;line-height:1.7}.feature{margin-top:40px;font-size:14px;font-weight:600}.feature span{color:var(--teal);background:#def4ef;border-radius:50%;place-items:center;width:29px;height:29px;margin-right:9px;display:inline-grid}.signin{border:1px solid var(--line);background:#fff;border-radius:24px;align-self:center;padding:40px;box-shadow:0 18px 60px #39206b09}.pilot{color:#7250b4;letter-spacing:1px;background:#f0eafa;border-radius:30px;padding:8px 12px;font-size:10px;font-weight:700;display:inline-block}h2{letter-spacing:-.8px;margin:24px 0 12px;font-size:26px}.signin>p{color:var(--muted);font-size:14px;line-height:1.6}.role-options{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;display:grid}.role-options>div{border:1px solid var(--line);border-radius:14px;padding:20px 16px}.role-options span{color:var(--purple);font-size:25px}h3{margin:12px 0 8px;font-size:16px}.role-options p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.connection-status{background:#f6f3fb;border-radius:12px;padding:18px;font-size:14px;line-height:1.6}.connection-status p{color:var(--muted);margin:6px 0 0;font-size:13px}.account-note{text-align:center;margin:20px 0 0;font-size:12px!important}footer{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;gap:16px;padding-top:22px;font-size:11px;display:flex}@media (max-width:1000px){.welcome{grid-template-columns:1fr 420px;gap:28px;padding:28px}.signin{padding:28px}}@media (max-width:760px){.welcome{flex-direction:column;gap:24px;padding:20px;display:flex}.brand img{width:210px}.intro{align-self:stretch;padding:12px 0}.intro>p{font-size:16px}.feature{margin-top:20px}h1{letter-spacing:-1.5px;font-size:43px}.signin{width:100%;max-width:480px;padding:26px}.eyebrow{font-size:9px}footer{flex-direction:column;line-height:1.6}.role-options{gap:10px}}.signin-actions{gap:12px;margin-top:20px;display:flex}.signin-actions a,button{background:var(--purple);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;text-decoration:none}.signin-error{color:#873729;background:#fff1f0;border-radius:10px;padding:16px}.workspace{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;padding:28px 18px}.sidebar img{width:100%;height:auto}.sidebar nav{margin-top:42px}.sidebar nav a{color:var(--purple);background:#f1ebfa;border-radius:12px;padding:15px;font-weight:650;text-decoration:none;display:block}.workspace-content{min-width:0}.workspace-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:24px 40px;display:flex}.profile-tile{align-items:center;gap:12px;display:flex}.profile-tile small{color:var(--muted);margin-top:4px;display:block}.profile-tile button{color:var(--purple);background:#f1ebfa;font-size:13px}.avatar{color:#226557;background:#e6f5f0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.workspace main{padding:48px 40px}.workspace h1{letter-spacing:-1px;margin:16px 0;font-size:38px}.workspace main>p{color:var(--muted);line-height:1.6}.workspace section{margin-top:40px}.class-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.class-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px}.class-card h3{margin-top:0;font-size:20px}.class-card p,.class-card small{color:var(--muted)}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #16766d}@media (max-width:760px){.workspace{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:16px}.sidebar img{width:170px}.sidebar nav{margin-top:12px}.workspace-header{flex-wrap:wrap;padding:16px}.workspace main{padding:30px 20px}.workspace h1{font-size:30px}.signin-actions{flex-direction:column}}