/* One typeface, eight subject palettes, two distinctly useful programme dashboards. */
:root{font-family:'DM Sans',system-ui,sans-serif;--ink:#202b3c;--muted:#667389;--line:#e5e9ef;--blue:#2867de;--blue-dark:#184ba9;--blue-light:#edf4ff}
body,button,input,textarea,select,h1,h2,h3,h4,.brand,.welcome-mark,kbd{font-family:'DM Sans',system-ui,sans-serif}
body{color:var(--ink)}h1,h2,h3{font-weight:600}p{line-height:1.65}
.topbar{height:76px;padding:0 25px;background:#ffffffed;backdrop-filter:blur(16px);gap:24px;border-color:var(--line)}.workspace{padding-top:76px}.topbar .brand{font-weight:700;letter-spacing:-1px;font-size:25px}.topbar-tag{font-size:14px;letter-spacing:0;text-transform:none;font-weight:500;color:#677286}.topbar .search-trigger{border:1px solid #f0f2f5;background:#f7f8fa;font-size:14px;min-width:276px;padding:12px 16px}.account-trigger{display:flex;align-items:center;gap:9px;border:1px solid #e5e9ef;border-radius:999px;background:white;padding:7px 13px;font-weight:550;font-size:14px;white-space:nowrap;min-height:40px}.account-trigger:hover{background:#f3f6fc;border-color:#cbd9ee}.account-trigger svg{width:20px;height:20px;color:#556987}.avatar-letter{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#215ac1;background:#e9f1ff;font-size:14px;font-weight:650}.account-name{max-width:100px;overflow:hidden;text-overflow:ellipsis}
.sidebar{top:76px;border-color:var(--line);padding:22px 16px}.program-switch{border:1px solid #e6eaf0;background:#f5f6f9;padding:4px;border-radius:12px}.program-switch button{font-size:14px;padding:11px;border-radius:9px;transition:color .2s,background .2s,box-shadow .2s}.program-switch button[aria-pressed=true]{color:#225ecd;box-shadow:0 2px 7px #182b4710}.nav-item{font-size:15px;padding:12px;gap:12px;color:#626f82;transition:background .18s,color .18s,transform .18s}.nav-item:hover{transform:translateX(3px);background:#f5f8fd;color:#2458b6}.nav-item.active{background:#edf4ff;color:#245dce}.nav-item.active::before{content:'';position:absolute;left:0;width:3px;height:20px;background:currentColor;border-radius:0 4px 4px 0}.nav-item{position:relative}.nav-label{font-size:12px;letter-spacing:.75px;color:#8b96a6}.nav-child{margin-left:10px;font-size:14px}.nav-item[href="#settings"]{margin-top:21px;border-top:1px solid var(--line);border-radius:0;padding-top:20px}.nav-item[href="#settings"].active{border-radius:10px}.nav-count{font-size:12px!important}.student-note,.cas-credit{font-size:12px}.sidebar-bottom{margin-top:24px}.school-link{font-size:14px}.site-footer{font-size:12px;line-height:1.7}
main{padding-top:30px}.welcome-banner{display:flex;justify-content:space-between;align-items:center;min-height:215px;padding:30px 36px;background:linear-gradient(110deg,#edf5ff,#e8f2ff 65%,#d5e8ff);border:1px solid #deebfc;border-radius:20px;margin-bottom:18px;isolation:isolate}.welcome-banner::after{width:390px;height:390px;right:-110px;top:-195px;border-width:42px;border-color:#b2d0f42e}.welcome-content{position:relative;z-index:2}.welcome-kicker{color:#4873aa;font-size:12px;letter-spacing:1px}.welcome-banner h1{font-size:32px;line-height:1.22;margin-top:10px;letter-spacing:-1px}.welcome-banner h1 span{font-weight:600;color:#285b9c}.welcome-banner p{font-size:15px;color:#5f7490;margin-top:12px;max-width:450px}.welcome-account{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#285bbb;background:#ffffffbb;padding:9px 13px;border:1px solid #cadff8;border-radius:9px;margin-top:18px}.welcome-account:hover{background:white}.welcome-account svg{width:16px;height:16px}.welcome-sync{display:flex;align-items:center;gap:7px;font-size:12px;color:#50749e;margin-top:15px}.welcome-sync svg{width:15px;height:15px}.programme-emblem{display:flex;align-items:center;gap:20px;padding:25px 30px;border:1px solid #fff;border-radius:20px;background:#ffffff48;color:#477cac;transform:rotate(-4deg);margin-right:18px;box-shadow:0 9px 30px #497ca709;position:relative;z-index:1}.programme-emblem>svg{width:58px;height:58px;stroke-width:1.2}.programme-emblem>span{font-size:12px;letter-spacing:.3px}.programme-emblem strong{display:block;font-size:44px;line-height:1.2;letter-spacing:-2px;font-weight:600}.programme-overview{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:6px 2px 18px;color:#667990}.programme-overview>span{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:550;white-space:nowrap}.programme-overview svg{width:19px;height:19px;color:#4278bb}.programme-overview p{font-size:13px;text-align:right;color:#7c899a}
.dashboard-section{margin-top:31px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:21px;font-weight:600;letter-spacing:-.6px}.section-heading h2 svg{color:#7b889a;stroke-width:1.65}.text-button{font-size:14px;color:#3d6aaa}.button{border-radius:10px;background:#2867de;font-size:14px;padding:12px 17px;font-weight:550}.button:hover{background:#1d53b9}.button.secondary{background:white;color:#405570;border-color:#dbe3ef}.button.secondary:hover{background:#f6f9fd}.button.large{font-size:15px;padding:13px 20px}
.subject-card,.full-grid .subject-card{min-height:213px;padding:20px 23px 21px;background:linear-gradient(125deg,var(--card-color),var(--card-deep));border-radius:18px;box-shadow:0 3px 5px #18264a04;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s;isolation:isolate}.subject-card::before{width:170px;height:170px;border-width:1px;border-color:#ffffff25;right:-52px;top:-58px}.subject-card::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0%,#ffffff13,transparent 65%);z-index:-1;pointer-events:none}.subject-card-top{display:flex;align-items:center;justify-content:space-between}.subject-card .level{margin:0;order:0;font-size:12px;letter-spacing:.3px;padding:4px 8px;background:#0000000c;color:#ffffffe5;z-index:2}.subject-number{font-size:12px;color:#ffffff8a;font-variant-numeric:tabular-nums}.subject-card h3,.full-grid .subject-card h3{font-size:21px;letter-spacing:-.55px;line-height:1.3;max-width:70%;padding:14px 0 0;margin-top:auto;font-weight:550;text-shadow:0 1px 4px #00000010}.subject-card .subject-open{padding:9px 14px;border:1px solid #ffffff28;background:#fff;color:#243548;font-size:13px;margin-top:20px;font-weight:550;box-shadow:0 2px 6px #00000005}.subject-graphic{position:absolute;right:3px;bottom:13px;width:113px;height:143px;z-index:-1;display:grid;place-items:center;transform:rotate(-12deg);transition:transform .4s cubic-bezier(.2,.7,.2,1)}.graphic-face{width:82px;height:88px;display:grid;place-items:center;background:linear-gradient(120deg,#ffffff2b,#ffffff08);border:1px solid #ffffff38;border-radius:24px;box-shadow:7px 9px 0 #00000007,inset 0 1px 0 #ffffff38;color:#ffffffd0;transform:rotate(3deg);backdrop-filter:blur(1px)}.graphic-face svg{width:54px;height:54px;stroke-width:1.45;filter:drop-shadow(0 3px 2px #00000008)}.graphic-orbit{position:absolute;inset:23px -5px 24px -7px;border:1px solid #ffffff32;border-radius:50%;transform:rotate(32deg) scaleX(1.08)}.graphic-node{position:absolute;width:10px;height:10px;right:11px;top:30px;border-radius:50%;background:#ffffff8e;box-shadow:0 0 0 5px #ffffff09}.subject-card:hover{transform:translateY(-4px);box-shadow:0 10px 23px #1d2b4617}.subject-card:hover .subject-graphic{transform:rotate(-3deg) translateY(-5px)}.subject-card:focus-visible .subject-graphic{transform:rotate(-3deg)}.subject-card:nth-child(2n) .subject-graphic{transform:rotate(9deg)}.subject-card:nth-child(2n):hover .subject-graphic{transform:rotate(0deg) translateY(-4px)}.dashboard-caption{font-size:13px;color:#78869a;line-height:1.7}.dashboard-caption a{color:#476caa;margin-left:4px}
.coursework-card{min-height:231px;padding:23px;background:linear-gradient(125deg,#2582da,#2563b5);border-radius:17px;box-shadow:0 3px 5px #18264a04;transition:transform .2s,box-shadow .2s}.coursework-card:hover{box-shadow:0 8px 24px #20395716}.course-ee{background:linear-gradient(125deg,#299888,#1d796c)}.course-tok{background:linear-gradient(125deg,#7c61ca,#634baa)}.course-pps{background:linear-gradient(125deg,#e3932c,#c47321)}.course-community{background:linear-gradient(125deg,#228d86,#18726e)}.course-lcs{background:linear-gradient(125deg,#d7607f,#b44262)}.course-rp{background:linear-gradient(125deg,#6380c5,#455f9c)}.course-code{font-size:12px}.coursework-card h3{font-size:21px;font-weight:550;max-width:95%;letter-spacing:-.45px;margin-top:14px;margin-bottom:22px}.course-progress-label{font-size:12px;line-height:1.5}.coursework-card .subject-open{font-size:13px;padding:10px 14px}.coursework-card .subject-open>span{display:none}.dashboard-tools a{background:#fbfcfe;border-color:#e2e8f0}.dashboard-tools p{font-size:14px;color:#78869a}
body[data-program=cp]{--blue:#177d79;--blue-dark:#126a68;--blue-light:#e8f6f3}body[data-program=cp] .program-switch button[aria-pressed=true]{color:#18736f}body[data-program=cp] .nav-item.active{color:#187b73;background:#e8f5f0}body[data-program=cp] .welcome-banner{background:linear-gradient(110deg,#edf9f5,#e7f5ef 65%,#cbe9df);border-color:#dceee6}body[data-program=cp] .welcome-banner::after{border-color:#94cbb122}body[data-program=cp] .welcome-banner h1 span{color:#247569}body[data-program=cp] .welcome-banner p{color:#608075}body[data-program=cp] .welcome-kicker{color:#488577}body[data-program=cp] .programme-emblem{color:#3e8b75}body[data-program=cp] .welcome-account{color:#246f61;border-color:#c1ded1}body[data-program=cp] .welcome-sync{color:#4d7a6c}body[data-program=cp] .programme-overview svg{color:#3a8b76}body[data-program=cp] .coursework-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-program=cp] .coursework-card h3{font-size:18px}
.career-dashboard{margin-top:30px}.career-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.career-option{display:flex;align-items:center;text-align:left;gap:18px;padding:23px;border:1px solid #e4e9eb;border-radius:15px;background:white;transition:background .2s,border-color .2s,transform .2s}.career-option:hover{transform:translateY(-2px);border-color:#acccc0}.career-option.selected{background:#f3faf7;border-color:#a9ccbe;box-shadow:0 0 0 1px #a9ccbe33}.pathway-symbol{width:58px;height:63px;display:grid;place-items:center;flex-shrink:0;border-radius:17px;color:#3a8e78;background:#e3f3eb;transform:rotate(-5deg)}.pathway-symbol svg{width:34px;height:34px;stroke-width:1.4}.pathway-symbol.computer{color:#6367b3;background:#eeedfb;transform:rotate(5deg)}.career-option small{display:block;color:#8a9896;font-size:12px;margin-bottom:4px}.career-option strong{font-weight:600;font-size:19px;letter-spacing:-.4px;display:block}.career-option em{font-style:normal;font-size:13px;color:#6b827a;display:block;margin-top:6px}.career-sequence{margin-top:13px;padding:17px 20px;background:#f8faf9;border-radius:11px;display:flex;align-items:center;gap:16px;line-height:1.7}.career-sequence>span{font-size:12px;color:#7b9389;white-space:nowrap}.career-sequence strong{font-size:13px;color:#526c61;font-weight:500}.career-sequence a{font-size:12px;color:#287866;white-space:nowrap;margin-left:auto}
.account-dialog{padding:30px;max-width:460px;width:calc(100% - 32px);border:1px solid #e4e9f1;border-radius:22px;box-shadow:0 25px 100px #152f4433;color:var(--ink);max-height:calc(100dvh - 32px);overflow-y:auto}.account-dialog::backdrop{background:#20314c60;backdrop-filter:blur(5px)}.auth-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.auth-symbol{width:47px;height:47px;display:grid;place-items:center;background:#edf4ff;color:#2e67c7;border-radius:15px}.auth-symbol svg{width:25px;height:25px;stroke-width:1.5}.account-dialog> .auth-symbol{margin-bottom:20px}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tabs button{border:0;background:none;color:#8a95a5;padding:0 0 13px;font-size:14px;font-weight:550}.auth-tabs .selected{color:#2e66c1;border-bottom:2px solid #2e66c1}.account-dialog h2{font-size:25px;font-weight:600;letter-spacing:-.7px}.auth-description{font-size:14px;color:#718096;line-height:1.7;margin:10px 0 22px}.field-label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550;margin-bottom:18px}.field-label input,.field-label textarea{font-size:15px;border:1px solid #dae2ed;background:white;border-radius:10px;padding:12px 13px;color:#304259;outline-offset:2px;min-width:0;width:100%}.field-label input::placeholder{color:#9aa7b6}.field-label small{font-size:12px;font-weight:400;color:#8a96a8;line-height:1.6}.field-label textarea{font-size:14px;line-height:1.65;word-break:break-all;background:#f7f9fc;resize:none}.auth-notice{background:#f6f8fc;border:1px solid #e7ecf4;border-radius:10px;padding:13px 15px;font-size:13px;line-height:1.7;color:#728098}.form-feedback{color:#ac3854;font-size:14px;line-height:1.65;margin:12px 0;min-height:0}.form-feedback:empty{margin:0}.auth-submit{width:100%;margin-top:15px;display:block}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.key-confirm{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:20px;color:#576a84;line-height:1.7}.key-confirm input{width:17px;height:17px;accent-color:#2867de;flex-shrink:0}
.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1100px}.settings-card{border:1px solid #e2e8f1;border-radius:17px;padding:27px;background:white}.settings-section-heading{display:flex;gap:14px;align-items:center;margin-bottom:26px}.settings-section-heading>svg{padding:9px;box-sizing:content-box;border-radius:11px;background:#f0f5fc;color:#5679ac;width:21px;height:21px}.settings-section-heading h2{font-size:20px}.settings-section-heading p{font-size:14px;color:#8190a4;margin-top:5px}.settings-copy{font-size:15px;color:#6d7b90;line-height:1.8;margin-bottom:24px}.setting-hint{font-size:13px;color:#8491a3;margin-top:19px;line-height:1.8}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 0;border-top:1px solid #eef1f6}.setting-row strong{font-size:14px;font-weight:550;display:block}.setting-row small{font-size:12px;line-height:1.7;color:#8c98aa;margin-top:5px;display:block}.setting-row select{font-size:13px;max-width:165px;padding:9px 12px;border:1px solid #e1e7f0;border-radius:9px;background:#fafbfd;color:#526781}.setting-row input[type=checkbox]{appearance:none;width:39px;height:23px;border-radius:20px;position:relative;background:#dfe5ed;cursor:pointer;flex-shrink:0;transition:background .2s}.setting-row input[type=checkbox]::after{content:'';width:17px;height:17px;border-radius:50%;background:white;position:absolute;left:3px;top:3px;box-shadow:0 1px 4px #182d4b20;transition:transform .2s}.setting-row input:checked{background:#3274d9}.setting-row input:checked::after{transform:translateX(16px)}.account-storage{display:flex;gap:10px;background:#f5f9fd;padding:17px;border-radius:11px;margin:23px 0}.account-storage>span{color:#5283b8}.account-storage strong{font-size:14px;font-weight:550}.account-storage p{font-size:13px;color:#7f91a6;margin-top:5px;line-height:1.8}.account-storage #sync-status{display:block;font-size:12px;color:#6186ae;margin-top:8px}#sync-status[data-state=offline]{color:#b58031}.progress-settings{max-width:1100px;margin-top:20px}.progress-settings h2{font-size:20px}.study-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.study-summary>div{border-right:1px solid #e8edf4;padding-right:20px}.study-summary>div:last-child{border:0}.study-summary strong{display:block;font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#405d84}.study-summary span{display:block;font-size:14px;color:#8795a9;margin-top:6px}.recent-practice{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recent-practice a{border:1px solid #e0e8f0;display:flex;gap:14px;align-items:center;padding:19px;border-radius:13px}.recent-practice a:hover{background:#f9fbfe;border-color:#b7cbea}.recent-icon{display:grid;place-items:center;padding:10px;border-radius:10px;background:#edf4ff;color:#5981bc}.recent-practice strong{display:block;font-size:14px;font-weight:550}.recent-practice small{display:block;font-size:12px;color:#8a99ad;margin-top:5px}.recent-practice b{margin-left:auto;font-size:22px;font-weight:550;color:#496d9e;white-space:nowrap}.recent-practice b small{display:inline;font-size:12px}
body[data-density=compact] .subject-card,body[data-density=compact] .full-grid .subject-card{min-height:181px;padding-top:17px;padding-bottom:17px}body[data-density=compact] .coursework-card{min-height:208px}body[data-density=compact] .dashboard-section{margin-top:24px}
body[data-motion=reduced] *,body[data-motion=reduced] *::before,body[data-motion=reduced] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}body[data-motion=reduced] .subject-card:hover,body[data-motion=reduced] .subject-card:hover .subject-graphic,body[data-motion=reduced] .coursework-card:hover,body[data-motion=reduced] .career-option:hover,body[data-motion=reduced] .nav-item:hover{transform:none}
@media(max-width:1150px){.topbar-tag{display:none}.account-trigger{margin-left:auto}.programme-emblem{padding:20px;margin-right:0;gap:14px}.programme-emblem>svg{width:48px;height:48px}.programme-overview{align-items:flex-start;flex-direction:column;gap:8px}.programme-overview p{text-align:left}.subject-card,.full-grid .subject-card{min-height:218px}.recent-practice{grid-template-columns:1fr 1fr}body[data-program=cp] .coursework-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.career-option{padding:19px;gap:13px}.career-option strong{font-size:17px}.career-sequence{flex-wrap:wrap;gap:7px 15px}.career-sequence strong{width:calc(100% - 100px)}.career-sequence a{margin-left:0}.settings-layout{grid-template-columns:1fr}}
@media(max-width:850px){.welcome-banner{padding:25px}.programme-emblem{display:none}.career-options{grid-template-columns:1fr}.subject-card h3,.full-grid .subject-card h3{font-size:20px}.subject-graphic{width:100px;right:-7px}.graphic-face{width:73px;height:80px}.graphic-face svg{width:48px;height:48px}.recent-practice{grid-template-columns:1fr}.topbar{gap:18px}.topbar .search-trigger{min-width:215px}.account-trigger .account-name{display:none}.account-trigger:has(.avatar-letter){padding:5px}.topbar .brand{font-size:21px}}
@media(max-width:650px){.workspace{padding-top:68px}.topbar{height:68px;padding:0 16px;gap:12px}.topbar .brand{font-size:22px;width:auto;gap:8px}.topbar .brand img{width:33px;height:33px}.topbar .search-trigger{min-width:0;padding:7px;border:0;background:none}.topbar-left{order:4;margin-left:0}.account-trigger{padding:7px 9px;min-height:34px;gap:5px;margin-left:0;font-size:12px}.account-trigger svg{width:17px;height:17px}.account-trigger .avatar-letter{width:25px;height:25px;font-size:12px}.account-trigger span:not(.avatar-letter){display:none}.mobile-menu{display:flex!important}.sidebar{top:68px}.welcome-banner{min-height:202px;padding:23px;margin-bottom:16px;border-radius:16px}.welcome-banner h1{font-size:29px}.welcome-banner p{font-size:14px;max-width:300px}.welcome-kicker{font-size:11px;letter-spacing:.65px}.welcome-account{font-size:13px;margin-top:15px}.programme-overview>span{font-size:14px}.programme-overview p{font-size:12px;line-height:1.7}.subject-card,.full-grid .subject-card{min-height:198px;padding:16px;border-radius:15px}.subject-card h3,.full-grid .subject-card h3{font-size:19px;max-width:83%;padding-top:15px;position:relative;z-index:2}.subject-card .level{font-size:11px;padding:3px 6px}.subject-number{font-size:11px}.subject-graphic{width:77px;height:116px;right:-4px;bottom:5px;opacity:.72}.graphic-face{width:60px;height:69px;border-radius:18px}.graphic-face svg{width:38px;height:38px}.graphic-orbit{inset:21px -1px 20px -7px}.graphic-node{top:20px;right:7px;width:7px;height:7px}.subject-card .subject-open{font-size:12px;padding:9px 12px;margin-top:16px;position:relative;z-index:2}.dashboard-section .section-heading h2{font-size:18px}.dashboard-section .section-heading .text-button{font-size:12px}.dashboard-caption{font-size:12px}.coursework-card{min-height:224px;padding:19px 17px}.coursework-card h3{font-size:19px}.coursework-card .subject-open{font-size:12px}.course-progress-label{font-size:12px}.course-code{font-size:12px}.dashboard-tools p{font-size:13px}.career-option{padding:19px}.career-option strong{font-size:18px}.career-option em{font-size:12px}.career-sequence{padding:16px}.career-sequence strong{width:100%;font-size:12px}.career-sequence a{font-size:12px}.settings-card{padding:22px}.setting-row{gap:11px}.setting-row select{max-width:140px;font-size:12px}.study-summary{gap:12px}.study-summary strong{font-size:27px}.study-summary span{font-size:12px;line-height:1.7}.study-summary>div{padding-right:10px}.account-dialog{padding:25px}.field-label input{font-size:16px}.nav-item{font-size:15px}.nav-child{font-size:14px}.nav-label{font-size:12px}.site-footer{font-size:12px}.topbar .search-trigger svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.subject-card:hover,.coursework-card:hover,.career-option:hover,.nav-item:hover{transform:none}.subject-card:hover .subject-graphic{transform:none}}
/* Keep each subject symbol clear of its title, including the narrower three-column layout. */
.subject-graphic{right:10px;top:34px;bottom:auto;width:94px;height:84px}.graphic-face{width:72px;height:76px;border-radius:21px}.graphic-face svg{width:47px;height:47px}.graphic-orbit{inset:-1px -2px 0 -5px}.graphic-node{right:5px;top:3px}.sidebar{scrollbar-width:thin;scrollbar-color:#d8e1ec transparent}
@media(max-width:850px){.subject-graphic{width:87px;height:79px;right:6px;top:34px}.graphic-face{width:66px;height:69px}.graphic-face svg{width:43px;height:43px}}
@media(max-width:650px){.subject-graphic{width:77px;height:72px;right:1px;top:31px}.graphic-face{width:59px;height:63px;border-radius:18px}.graphic-face svg{width:38px;height:38px}.graphic-orbit{inset:0 -1px 0 -6px}.graphic-node{top:0;right:3px}}
/* Restore the original greeting surface while preserving personalised accounts and programme context. */
body .welcome-banner.welcome-classic{display:block;min-height:188px;padding:28px 38px;border:0;border-radius:20px;margin-bottom:34px;background:linear-gradient(118deg,#e0f5ff 0%,#edf8ff 58%,#c7eaff 100%)}
body .welcome-banner.welcome-classic::after{width:400px;height:400px;right:-100px;top:-260px;border:50px solid #7bcefa25}
.welcome-classic .welcome-kicker{font-size:11px;letter-spacing:1.2px;color:#2c89b9;font-weight:650}
.welcome-classic h1{font-family:'Manrope',sans-serif;font-size:30px;line-height:1.25;margin-top:12px;letter-spacing:-.8px;font-weight:650;color:#192b43}
.welcome-classic h1 span{color:#2783b6;font-weight:500}
.welcome-classic p{font-size:14px;color:#62869f;margin-top:10px;max-width:none}
.welcome-classic .welcome-mark{position:absolute;right:68px;top:30px;transform:rotate(-8deg);color:#269bd2;opacity:.24;font-family:'Manrope',sans-serif;line-height:.9}
.welcome-classic .welcome-mark span{font-size:18px;letter-spacing:-1px;display:block;margin-left:2px}
.welcome-classic .welcome-mark strong{font-size:116px;letter-spacing:-10px;font-weight:750}
body[data-program=cp] .welcome-banner.welcome-classic{background:linear-gradient(118deg,#e1f7ed 0%,#f0faf6 58%,#c5ecdf 100%)}
body[data-program=cp] .welcome-banner.welcome-classic::after{border-color:#72c6a425}
body[data-program=cp] .welcome-classic .welcome-kicker{color:#328575}
body[data-program=cp] .welcome-classic h1 span{color:#278674}
body[data-program=cp] .welcome-classic p{color:#628778}
body[data-program=cp] .welcome-classic .welcome-mark{color:#299c7f}
@media(min-width:1500px){body .welcome-banner.welcome-classic{padding-left:40px}}
@media(max-width:850px){body .welcome-banner.welcome-classic{padding:25px}.welcome-classic .welcome-mark{right:30px}}
@media(max-width:650px){body .welcome-banner.welcome-classic{min-height:184px;padding:23px;margin-bottom:28px;border-radius:16px}.welcome-classic h1{font-size:27px}.welcome-classic p{max-width:230px;font-size:12px}.welcome-classic .welcome-mark{right:22px;top:45px;opacity:.12}.welcome-classic .welcome-mark strong{font-size:90px}.welcome-classic .welcome-mark span{font-size:14px}.welcome-classic .welcome-kicker{font-size:9px}}
