:root{--paper:#f6f7f3;--ink:#213c37;--muted:#6c7972;--green:#276a56;--line:#dbe2d9;--white:#fff;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1140px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 30px;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:750;letter-spacing:1px}.wordmark span{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:2.4px}#account{font-size:13px;color:var(--muted)}main{padding:0 30px}.intro{padding:74px 0 54px}.eyebrow{font-size:12px;color:var(--green);letter-spacing:2px;margin:0 0 18px}h1{font-size:clamp(34px,5vw,54px);letter-spacing:-1px;line-height:1.25;font-weight:650;margin:0 0 22px}.lead{color:var(--muted);font-size:16px;margin:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title h2{font-size:20px;font-weight:650;margin:0}.section-title span{font-size:12px;color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px}.course-card{display:flex;flex-direction:column;overflow:hidden;max-width:520px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);transition:transform .18s,border-color .18s}.course-card:hover{transform:translateY(-3px);border-color:#8aa796}.course-card:focus-visible{outline:3px solid #75a28e;outline-offset:4px}.course-art{height:145px;background:#e9f0e7;position:relative;display:flex;align-items:center;justify-content:center}.course-art svg{width:255px;height:100px;color:var(--green)}.course-details{padding:24px 26px}.institution{font-size:11px;color:var(--green);letter-spacing:1px}.course-details h3{font-size:24px;margin:6px 0 12px;font-weight:650}.course-details p{font-size:14px;color:var(--muted);margin:0 0 24px}.course-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}.enter{font-size:13px;font-weight:650;color:var(--green);white-space:nowrap}.save-note{display:flex;gap:18px;margin:45px 0;padding:25px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.save-note svg{width:27px;height:27px;flex-shrink:0;color:var(--green);margin-top:3px}.save-note h3{margin:0 0 6px;font-size:15px;font-weight:650}.save-note p{margin:0;color:var(--muted);font-size:13px;max-width:670px}footer{padding:8px 30px 32px;font-size:12px;color:var(--muted)}@media(max-width:550px){header{padding:22px}main{padding:0 22px}.intro{padding:48px 0 40px}.course-grid{grid-template-columns:1fr}.course-details{padding:22px}.save-note{padding:22px 0}footer{padding:8px 22px 24px}}@media(prefers-reduced-motion:reduce){.course-card{transition:none}}