:root{--violet:#5545a7;--violet-dark:#2b245f;--pink:#ee3f8e;--mint:#82d6a6;--yellow:#f2e94e;--paper:#f5f4f1;--ink:#201c38;--line:#dedbe7;--shadow:0 22px 52px #2f28511a}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{text-decoration:none}button,a{font:inherit}.course-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:22px clamp(20px,5vw,72px);border-top:3px solid #1f5b2d}.brand{display:grid;color:var(--violet);font-size:20px;font-weight:900;line-height:.9}.brand span:last-child{font-size:28px}.teacher-link{padding:10px 14px;border:2px solid var(--violet);border-radius:5px;color:var(--violet);font-weight:800}.teacher-link:hover{background:var(--violet);color:white}.course-main{max-width:1440px;margin:auto;padding:34px clamp(20px,5vw,72px) 72px}.intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;margin-bottom:30px}.intro-copy{position:relative;overflow:hidden;min-height:300px;padding:42px;border-top:9px solid var(--pink);background:white;box-shadow:var(--shadow)}.eyebrow{margin:0 0 13px;color:var(--pink);font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.intro h1{max-width:780px;margin:0;color:var(--violet);font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.055em}.lead{max-width:740px;margin:25px 0 0;font-size:19px;line-height:1.55}.illusion-mark{position:absolute;right:-80px;bottom:-80px;width:250px;height:250px;border:38px solid var(--mint);border-radius:50%;outline:22px dashed var(--yellow);opacity:.45}.course-status{display:flex;flex-direction:column;justify-content:center;padding:34px;border-top:9px solid var(--mint);background:var(--violet-dark);color:white;box-shadow:var(--shadow)}.course-status span{color:#cfc9f4;font-size:15px;font-weight:800}.course-status strong{margin:8px 0;color:var(--yellow);font-size:clamp(46px,6vw,76px)}.course-status p{margin:0 0 18px;color:#ddd9f2;line-height:1.5}.overall-bar{height:12px;overflow:hidden;background:#ffffff24}.overall-bar i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--yellow));transition:width .3s}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 18px}.section-head h2{margin:0;color:var(--violet-dark);font-size:clamp(30px,4vw,48px)}.section-head p{margin:0;color:#69647a}.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.quest-card{position:relative;display:flex;min-height:285px;flex-direction:column;padding:27px;border-top:7px solid var(--line);background:white;color:var(--ink);box-shadow:var(--shadow)}.quest-card.active{border-color:var(--mint);transition:transform .18s,box-shadow .18s}.quest-card.active:hover{transform:translateY(-5px);box-shadow:0 28px 58px #2f28512b}.quest-number{position:absolute;right:20px;top:15px;color:#eeecf5;font-size:70px;font-weight:900}.tag{position:relative;align-self:flex-start;margin-bottom:34px;padding:6px 9px;background:#ebe8ff;color:var(--violet);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.active .tag{background:#dcf7e8;color:#14623d}.quest-card h3{position:relative;margin:0 0 12px;color:var(--violet-dark);font-size:27px;line-height:1.05}.quest-card p{position:relative;margin:0;color:#615c70;line-height:1.5}.quest-meta{display:flex;gap:13px;margin-top:auto;padding-top:22px;color:#6a6579;font-size:14px;font-weight:800}.quest-action{display:flex;align-items:center;justify-content:space-between;margin-top:19px;color:var(--pink);font-weight:900}.locked{background:#efedf2;color:#918c9d;box-shadow:none}.locked h3{color:#676273}.locked .tag{background:#e4e1e9;color:#777181}.course-note{margin-top:24px;padding:20px 24px;border-left:6px solid var(--yellow);background:#fffde1;line-height:1.55}.course-footer{max-width:1440px;margin:auto;padding:20px clamp(20px,5vw,72px) 35px;border-top:1px solid var(--line);color:#6d6879}@media(max-width:950px){.intro{grid-template-columns:1fr}.quest-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.course-header{align-items:flex-start}.teacher-link{font-size:14px}.course-main{padding-top:18px}.intro-copy{min-height:0;padding:28px 24px}.intro h1{font-size:48px}.lead{font-size:17px}.quest-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.quest-card{min-height:250px}}
.student-entry{padding:34px;border-top:9px solid var(--mint);background:var(--violet-dark);color:white;box-shadow:var(--shadow)}.student-entry h2{margin:0 0 8px;font-size:31px}.student-entry>p:not(.eyebrow){margin:0 0 20px;color:#d8d3ee;line-height:1.45}.student-entry form,.student-entry label{display:grid;gap:7px}.student-entry form{gap:14px}.student-entry label{font-size:14px;font-weight:800}.student-entry input{width:100%;padding:13px;border:2px solid #ffffff35;background:#fff;color:var(--ink);font-size:17px}.student-entry #courseCode{text-transform:uppercase;letter-spacing:.2em;font-weight:900}.student-entry button{min-height:50px;border:0;background:var(--yellow);color:var(--violet-dark);font-weight:900;cursor:pointer}.join-error{min-height:20px!important;margin:0!important;color:#ffb9d8!important;font-size:14px}