:root{--ink:#17313a;--muted:#66767c;--paper:#f4f8f6;--panel:#fff;--line:#dce6e1;--green:#2d7358;--green2:#eaf5ef;--blue:#315f80;--blue2:#eaf2f8;--gold:#a67525;--gold2:#fff5df;--shadow:0 16px 42px rgba(33,70,54,.10);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 85% 0,#dfeff5 0,transparent 32%),linear-gradient(180deg,#eaf4ef 0,#f7faf8 330px,#f7faf8 100%);line-height:1.55}.page{max-width:1180px;margin:auto;padding:34px 20px 50px}.hero{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"HU2137";position:absolute;right:-18px;top:-28px;font-size:150px;font-weight:950;color:rgba(45,115,88,.055);letter-spacing:-.08em;pointer-events:none}.eyebrow{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:var(--green2);color:#245a45;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(36px,6vw,64px);line-height:1.02;letter-spacing:-.035em;margin:16px 0 10px;max-width:880px}.hero .lead{max-width:820px;font-size:19px;color:#40555d;margin:0}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.course-fact{background:#f6faf8;border:1px solid var(--line);border-radius:15px;padding:12px 14px}.course-fact span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.course-fact b{font-size:14px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:34px 2px 14px}.section-head h2{margin:0;font-size:28px}.section-head p{margin:0;color:var(--muted);max-width:620px;text-align:right}.activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.activity-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 10px 26px rgba(35,62,51,.06);display:flex;flex-direction:column;min-height:310px}.activity-card.available{border-top:5px solid var(--green)}.activity-card.planned{border-top:5px solid #aab6b1;background:rgba(255,255,255,.78)}.activity-topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.type-pill,.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.type-pill{background:var(--blue2);color:#315f80}.status-open{background:var(--green2);color:#245a45}.status-planned{background:#eef1ef;color:#68766f}.activity-card h2{font-size:27px;line-height:1.15;margin:18px 0 8px}.activity-card p{color:#50636a;margin:0 0 12px}.activity-meta{background:#f7faf8;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:#425b51;font-size:13px;font-weight:750;margin-top:auto}.activity-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px}.activity-id{font-size:10px;color:#87938f;word-break:break-word}.launch-btn{border:0;text-decoration:none;border-radius:12px;background:var(--green);color:#fff;font-weight:900;padding:11px 15px;white-space:nowrap;cursor:pointer}.launch-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.launch-btn.disabled{background:#c4ceca;color:#66736e;cursor:not-allowed;transform:none}.architecture{margin-top:24px;background:#fffdf7;border:1px solid #eadfbe;border-radius:18px;padding:20px}.architecture h3{margin:0 0 8px;color:#71531f}.architecture p{margin:5px 0;color:#5c6058}.path-row{display:grid;grid-template-columns:210px 1fr;gap:12px;border-top:1px dashed #e0d4b6;padding:9px 0;font-size:13px}.path-row:first-of-type{margin-top:12px}.path-row code{font-weight:800;color:#315f80;word-break:break-all}.path-row span{color:#5d6964}footer{text-align:center;color:#74827c;font-size:12px;margin-top:30px}.small{font-size:11px;color:#8a9792;margin-top:4px}@media(max-width:820px){.course-grid{grid-template-columns:1fr 1fr}.activity-list{grid-template-columns:1fr}.section-head{display:block}.section-head p{text-align:left;margin-top:5px}.hero{padding:24px}.hero:after{font-size:95px}.path-row{grid-template-columns:1fr}.activity-footer{align-items:flex-start;flex-direction:column}.launch-btn{width:100%;text-align:center}}@media(max-width:520px){.page{padding:18px 10px 32px}.hero{border-radius:20px;padding:19px}.hero h1{font-size:38px}.hero .lead{font-size:16px}.course-grid{grid-template-columns:1fr}.activity-card{padding:17px;min-height:0}.activity-card h2{font-size:23px}}