@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--blue:#2563eb;--ink:#334155;--muted:#64748b;--line:#e2e8f0;--soft:#f7f9fc}*{box-sizing:border-box}html{background:#fff}body{margin:0;color:var(--ink);background:linear-gradient(120deg,#fff 60%,#f7f5ff);font-family:Inter,Arial,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,select{font:inherit}.hero{color:#fff;background:#2563eb;height:520px}.topbar{height:108px;border-bottom:1px solid rgba(203,213,225,.7);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1200px) / 2))}.brand img{display:block;height:42px;width:auto}.language-select{color:#2563eb;background-color:#dbeafe;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.23431 5.83392C4.54673 5.5215 5.05327 5.5215 5.36569 5.83392L8 8.46824L10.6343 5.83392C10.9467 5.5215 11.4533 5.5215 11.7657 5.83392C12.0781 6.14634 12.0781 6.65288 11.7657 6.96529L8.56569 10.1653C8.25327 10.4777 7.74673 10.4777 7.43431 10.1653L4.23431 6.96529C3.9219 6.65288 3.9219 6.14634 4.23431 5.83392Z' fill='%232563EB'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;padding:8px 36px 8px 12px;width:130px;height:36px;font-size:14px;font-weight:500;line-height:20px;outline:none;cursor:pointer}.hero-content{width:calc(100% - 32px);max-width:1200px;min-height:142px;margin:0 auto;padding:32px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.hero h1{margin:0;font-size:30px;line-height:36px;letter-spacing:-.025em;font-weight:700}.hero-copy{margin:8px 0 0;color:#dbeafe;font-size:18px;line-height:28px}.overall-progress{width:164px;display:flex;flex-direction:column;align-items:center;margin:0 0 0 20px}.overall-progress>span{font-size:16px;font-weight:500;line-height:24px;white-space:nowrap}.overall-progress small{margin-top:8px;font-size:11px;white-space:nowrap;color:#cbd5e1}.positive{color:#22c55e}.negative{color:#ffd29e}.progress-ring{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:#1c2e59;position:relative;margin-top:24px}.progress-ring svg{width:100%;height:100%;overflow:visible;transform:translateY(-10px)}.progress-ring path{fill:none;stroke-width:8;stroke-linecap:round}.ring-track{stroke:#e7e7e8}.ring-fill{stroke:#22c55e}.ring-center{position:absolute;inset:0;display:grid;place-items:center;padding-top:28px}.ring-center strong{color:#22c55e;font-size:22px;line-height:1}.overview{width:calc(100% - 32px);max-width:1200px;margin:-100px auto 0;position:relative}.overview h2{margin:0 0 20px;font-size:20px;font-weight:500;line-height:28px}.overview-items{display:flex;gap:36px}.overview-stat{display:flex;gap:16px;align-items:center}.stat-icon{display:grid;place-items:center;width:66px;height:62px;flex:0 0 66px;background:rgba(255,255,255,.18);color:white;border-radius:16px}.stat-icon img{width:32px;height:32px;object-fit:contain}.overview-stat div{display:flex;flex-direction:column;gap:2px}.overview-stat div span{font-size:16px;line-height:28px;color:#cbd5e1}.overview-stat strong{font-size:24px;line-height:32px}.content-shell{width:calc(100% - 32px);max-width:1104px;margin:-109px auto 0;padding:0 0 36px;position:relative;display:grid;grid-template-columns:minmax(0,702fr) minmax(0,378fr);grid-gap:24px;gap:24px}.main-column,.side-column{display:flex;flex-direction:column;gap:24px;min-width:0}.card{background:white;border:1px solid #e2e8f0;border-radius:16px;box-shadow:none;overflow:hidden}.card-heading{min-height:90px;display:flex;align-items:center;gap:16px;padding:0 32px;border-bottom:1px solid #cbd5e1}.card-heading h2,.chart-title h2{margin:0;color:#334155;font-size:20px;font-weight:500;line-height:28px;letter-spacing:0}.heading-icon{width:40px;height:40px;flex:0 0 40px;border-radius:8px;display:grid;place-items:center}.heading-icon img{width:40px;height:40px;object-fit:contain}.heading-icon.blue{color:#2671e8;background:#e8f0ff}.heading-icon.teal{color:#16abb7;background:#ddf8f8}.heading-icon.purple{color:#ad35db;background:#f6e7ff}.heading-icon.orange{color:#f39b35;background:#fff0d8}.table-scroll{overflow-x:auto;padding:24px}.report-table{min-width:620px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff}.table-row{min-height:120px;display:grid;grid-template-columns:120px minmax(0,19fr) minmax(0,22fr) minmax(0,20fr) minmax(0,19fr);grid-column-gap:12px;column-gap:12px;align-items:center;border-bottom:1px solid #e2e8f0;font-size:14px;font-weight:500;line-height:20px;color:#475569}.table-row:not(.table-header){min-height:99px;padding:29px 0}.table-row:last-child{border-bottom:0}.table-row>span{padding:0 16px}.table-row>span:first-child{padding-right:0}.table-header{min-height:76px;background:#eff8ef;color:#828382;text-transform:uppercase;font-size:12px;font-weight:700;line-height:15px}.table-header>span:first-child{padding-right:0;white-space:nowrap}.table-row:not(.table-header)>span:first-child{white-space:nowrap}.bonus-row{position:relative}.bonus-row>span:first-child{display:flex;flex-direction:column;gap:5px;white-space:normal!important}.bonus-row em{position:absolute;top:-9px;left:-4px;color:#6837ba;background:#ede5ff;padding:4px 8px;font-size:11px;font-style:normal;font-weight:600}.status-pill{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:500;white-space:nowrap}.status-pill.complete{color:#16a34a;background:#dcfce7}.status-pill.progress{color:#d97706;background:#fef3c7}.report-table .status-pill{border-radius:12px;padding:2px 8px;font-size:14px;line-height:20px}.remark{color:#475569;line-height:20px}.remark b{color:#16a34a;font-family:sans-serif;font-size:16px;font-weight:700}.mobile-remark .remaining-units,.remark .remaining-units{color:#f97316}.mobile-report-list{display:none}.view-more{display:block;width:135px;height:48px;margin:0 auto 20px;color:#7c3aed;background:transparent;border:2px solid #7c3aed;border-radius:12px;padding:0;cursor:pointer;font-size:14px;font-weight:500;line-height:24px}.view-more:hover{background:#faf6ff}.learning-card .view-more{margin-top:-8px;margin-bottom:0}.chart-card{margin:32px 24px 24px;padding:32px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.chart-title h2{font-size:20px;font-weight:500;line-height:28px}.chart-wrap{position:relative;margin-top:32px;padding-bottom:32px}.chart-key{display:flex;justify-content:flex-end;gap:16px;color:#64748b;font-size:12px;font-weight:500;line-height:16px}.chart-key span{display:flex;gap:6px;align-items:center}.key-swatch{width:26px;height:6px;display:inline-block;border-radius:8px;background:#1d4ed8}.key-swatch.previous{background:#3b82f6}.chart-area{height:313px;display:flex;margin-top:24px}.y-labels{width:32px;height:100%;flex:0 0 32px;display:flex;flex-direction:column;justify-content:space-between;color:#64748b;font-size:12px;line-height:16px;transform:translateY(-6px)}.bars{flex:1 1;display:flex;align-items:stretch;border-left:1px solid #e5e7eb;border-bottom:1px solid #d1d5db;background:repeating-linear-gradient(180deg,#edf1f4 0 1px,transparent 1px 20%)}.bar-column{position:relative;width:33.333%;display:flex;align-items:center;justify-content:center}.bar-track{height:100%;display:flex;align-items:flex-end;width:55px}.bar{width:100%;border-radius:4px 4px 0 0}.bar.previous{background:#3b82f6}.bar.current{background:#1d4ed8}.bar-column>span{position:absolute;top:calc(100% + 12px);color:#64748b;font-size:14px;line-height:20px}.chart-unit{position:absolute;left:0;top:1px;color:#475569;font-size:12px;line-height:16px}.empty-state{color:#98a2b3;text-align:center;padding:25px 18px 28px;font-size:11px}.activities-card{padding-bottom:0}.activities-card .heading-icon{border-radius:50%;background:transparent}.side-card{min-height:0}.side-card .empty-state{padding-top:29px}.placements-card{min-height:0}.placements-card .card-heading{min-height:104px}.placements-card .heading-icon{width:32px;height:32px;flex-basis:32px;border-radius:50%;background:transparent}.placements-card .heading-icon img{width:32px;height:32px}.placements-card .card-heading{gap:12px}.event-list{padding:0 24px}.activity-grid>a,.event-list>a,.placement-cell>a{color:inherit;text-decoration:none}.activity-grid>a:hover strong,.event-list>a:hover strong,.placement-cell>a:hover .placement-item>span{color:var(--blue)}.event-item{display:flex;gap:16px;align-items:flex-start;min-height:99px;padding:24px 0;border-bottom:1px solid var(--line)}.event-list>a:last-child .event-item{border-bottom:0}.event-marker{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;color:#3458c8;background:#edf2ff;border-radius:6px;overflow:hidden}.event-marker img{width:100%;height:100%;object-fit:contain}.event-item>div{min-width:0}.event-item strong{display:block;color:#334155;font-size:16px;font-weight:600;line-height:24px}.event-item .event-contest-title{font-weight:400}.event-item .event-contest-title span{font-weight:600}.event-item small{display:block;margin-top:9px;color:#64748b;font-size:12px;line-height:18px}.event-meta{display:flex!important;flex-wrap:wrap;gap:0}.event-meta span+span{margin-left:10px;padding-left:10px;border-left:1px solid #94a3b8}.event-item p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.5}.activity-item .translation-note,.event-item .translation-note{display:block;margin-top:7px;color:#9a620b;font-size:9px;line-height:1.45}.placement-grid{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.placement-row{display:flex;gap:16px;width:max-content;border-bottom:1px solid #e2e8f0;padding-bottom:16px}.placement-row:last-child{border-bottom:0;padding-bottom:0}.placement-cell{flex:0 0 147px;min-width:0}.placement-cell:first-child{border-right:1px solid #cbd5e1}.placement-item{display:flex;align-items:center;flex-direction:column;gap:8px;padding:0;text-align:center;font-size:14px;line-height:20px;color:#64748b}.placement-item.featured-placement{padding-bottom:20px}.placement-item>span{overflow-wrap:anywhere}.placement-item small{color:#98a2b3}.placement-logo{width:90px;height:90px;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:12px;background:#f7f9fd;color:#3969bc;font-size:16px;font-weight:800;overflow:hidden}.activity-cover img,.placement-logo img{width:100%;height:100%;object-fit:cover}.placement-logo.logo-tone-1{background:#0d152c;color:white}.placement-logo.logo-tone-2{background:#fff7ed;color:#bd632d}.placement-logo.logo-tone-3{background:#effaf5;color:#168866}.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;padding:24px}.activity-grid>a{min-width:0;align-self:start}.activity-item{min-width:0;padding:16px;border:1px solid #e2e8f0;border-radius:8px}.activity-cover{width:100%;aspect-ratio:1.9;display:grid;place-items:center;border-radius:16px;margin-bottom:12px;background:linear-gradient(130deg,#030b30,#2661d7);color:#b2d6ff;overflow:hidden}.activity-cover.has-artwork{display:block;aspect-ratio:auto}.activity-cover.has-artwork img{display:block;height:auto}.activity-cover.cover-tone-1{background:linear-gradient(130deg,#181111,#a84818);color:#ffd5a0}.activity-cover.cover-tone-2{background:linear-gradient(130deg,#051b12,#118843);color:#c4f5d7}.activity-item strong{display:block;color:#334155;font-size:14px;font-weight:600;line-height:20px}.activity-item small{display:block;color:#64748b;margin-top:6px;font-size:12px}.activity-item p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:20px}footer{color:#98a2b3;text-align:center;font-size:10px;padding:0 16px 28px}.state-page{min-height:100vh;display:grid;place-content:center;justify-items:center;align-content:center;grid-gap:12px;gap:12px;padding:24px;color:#667085;text-align:center}.state-page h1{color:#344054;font-size:21px;margin:4px 0 0}.state-page p{max-width:360px;line-height:1.5;margin:0}.loader-mark{display:flex;gap:5px}.loader-mark span{width:9px;height:9px;border-radius:50%;background:var(--blue);animation:bounce 1s infinite alternate}.loader-mark span:nth-child(2){animation-delay:.15s}.loader-mark span:nth-child(3){animation-delay:.3s}.error-icon{display:grid;place-items:center;width:42px;height:42px;color:#c2410c;background:#fff2e8;border-radius:50%;font-weight:800;font-size:20px}.retry-button{color:white;background:var(--blue);border:0;border-radius:6px;padding:9px 16px;cursor:pointer}@keyframes bounce{to{transform:translateY(-6px);opacity:.5}}@media (max-width:760px){.hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-bottom:27px}.topbar{height:76px;padding:0 16px}.brand img{height:28px}.hero-content{display:contents}.hero-content>div:first-child{order:1;margin:24px 16px 0}.hero h1{font-size:20px;line-height:28px;letter-spacing:-.02em}.hero-copy{margin-top:10px;max-width:none;font-size:14px;line-height:20px}.overview{order:2;width:calc(100% - 32px);margin:18px auto 0}.overview h2{font-size:16px;font-weight:600;line-height:24px;margin-bottom:16px}.overview-items{gap:12px}.overview-stat{flex:1 1;min-width:0;gap:9px}.overview-stat .stat-icon{width:50px;height:60px;flex-basis:50px;border-radius:14px}.overview-stat div span{font-size:12px;line-height:18px}.overview-stat strong{font-size:18px;line-height:28px}.overall-progress{order:3;align-items:flex-start;position:static;width:auto;margin:24px 16px 0}.overall-progress>span{font-size:16px;font-weight:600}.progress-ring{margin-top:18px;margin-left:4px}.overall-progress small{margin-top:8px}.content-shell{width:calc(100% - 32px);margin-top:0;padding:32px 0 28px;display:block}.main-column,.side-column{gap:24px}.side-column{margin-top:24px}.learning-card{border:0;border-radius:0}.learning-card .card-heading{min-height:56px;padding:0 0 16px}.learning-card .card-heading h2{font-size:14px;font-weight:600;line-height:20px}.learning-card .table-scroll{display:none}.mobile-report-list{display:flex;flex-direction:column;gap:16px;margin-top:24px}.mobile-report-item{border:1px solid #e2e8f0;border-radius:16px;padding:12px 12px 0;color:#64748b}.mobile-item-top{display:flex;align-items:center;justify-content:space-between}.mobile-item-top em{color:#6837ba;background:#ede5ff;padding:3px 6px;font-size:11px;font-style:normal}.mobile-report-item .status-pill{min-width:90px;padding:2px 8px;line-height:16px;text-align:center}.mobile-report-item h3{position:relative;margin:15px 0 18px;padding-right:28px;color:#334155;font-size:14px;line-height:20px;font-weight:600}.mobile-item-dot{position:absolute;right:0;top:0;display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#dbeafe}.mobile-item-dot:after{content:"";display:block;width:10px;height:10px;border-radius:50%;background:#2563eb;box-shadow:0 0 0 2px #fff}.mobile-report-item dl{margin:0}.mobile-report-item dl div{display:flex;justify-content:space-between;gap:16px;margin:0 0 12px;font-size:14px;line-height:20px}.mobile-report-item dl div:last-child{margin-bottom:14px}.mobile-report-item dt{font-weight:500}.mobile-report-item dd{margin:0;color:#475569;font-weight:700}.mobile-report-item dl div:first-child dd{color:#2563eb}.mobile-remark{border-top:1px solid #e2e8f0;margin:0 -12px;padding:18px 12px;text-align:center;color:#64748b;font-size:12px;font-weight:500;line-height:16px}.mobile-remark b{color:#16a34a;font-size:14px;font-weight:500}.mobile-remark .remaining-units{font-size:12px}.learning-card .view-more{width:85px;height:32px;margin-top:16px;border-radius:8px;font-size:12px;line-height:16px}.chart-card{margin:24px 0 0;padding:16px 14px}.chart-title h2{font-size:14px;font-weight:600;line-height:20px}.chart-wrap{margin-top:24px}.chart-area{height:313px;margin-top:20px}.y-labels{width:31px;flex-basis:31px}.bar-track{width:55px}.activities-card{border:0;border-radius:0;background:transparent;overflow:visible}.activities-card .card-heading{min-height:52px;padding:0 0 12px;gap:8px}.activities-card .card-heading h2{font-size:14px;font-weight:600;line-height:20px}.activity-grid{grid-template-columns:1fr;gap:24px;padding:24px 0 0}.activity-item{padding:16px}.activity-item strong{font-size:14px;line-height:20px}.activity-item p{margin-top:4px;font-size:12px;line-height:16px}.card-heading{min-height:76px;padding:0 20px}.card-heading h2{font-size:16px;line-height:24px}.event-list{padding:0 20px}.event-item{padding:20px 0}.side-column>.side-card:first-child{border:0;border-radius:0;background:transparent;overflow:visible}.side-column>.side-card:first-child .card-heading{min-height:56px;margin-right:10px;padding:0 0 16px;gap:14px}.side-column>.side-card:first-child .card-heading h2{font-size:14px;font-weight:600;line-height:20px}.side-column>.side-card:first-child .event-list{display:flex;flex-direction:column;gap:32px;margin:24px 10px 0 0;padding:24px 24px 16px;border:1px solid #e2e8f0;border-radius:8px;background:white}.side-column>.side-card:first-child .event-list>*{position:relative}.side-column>.side-card:first-child .event-list>a{display:block}.side-column>.side-card:first-child .event-list>:nth-child(3){margin-top:16px}.side-column>.side-card:first-child .event-list>:not(:last-child):after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:1px;background:#e2e8f0}.side-column>.side-card:first-child .event-item{min-height:0;padding:8px 10px;align-items:center;border:1px solid #e2e8f0;border-radius:8px}.side-column>.side-card:first-child .event-item strong{font-size:14px;line-height:24px}.side-column>.side-card:first-child .event-item small{margin-top:6px;line-height:18px}.side-column>.side-card:first-child .empty-state{margin-top:24px;border:1px solid #e2e8f0;border-radius:8px;background:white}.placements-card{border:0;border-radius:0;background:transparent;overflow:visible}.placements-card .card-heading{min-height:56px;padding:0 0 16px;gap:8px}.placements-card .card-heading h2{font-size:14px;font-weight:600;line-height:20px}.placements-card .heading-icon{width:40px;height:40px;flex-basis:40px}.placements-card .heading-icon img{width:40px;height:40px}.placement-grid{align-items:stretch;margin-top:24px;padding:24px;border:1px solid #e2e8f0;border-radius:8px;background:white}.placement-row{width:100%}.placement-cell{flex-basis:50%}.placement-item{padding:0 6px}.placement-item.featured-placement{padding-bottom:12px}.placement-logo{width:90px;height:90px}}