@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@400;600;700&family=Sarabun:wght@400;500;600;700&display=swap");
:root{color-scheme:light;--navy:#072b6b;--gold:#f4c623;--ink:#072b6b;--muted:#5b6573}
    *{box-sizing:border-box}body{margin:0;background:#f8f9fb;color:var(--ink);font-family:"Sarabun",Tahoma,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f4c623;outline-offset:3px;box-shadow:0 0 0 3px var(--navy)}
    .page{min-height:100svh;display:grid;grid-template-columns:48% 52%}.brand-panel{background:var(--navy);color:white;position:relative;overflow:hidden;padding:46px 10% 34px;display:flex;flex-direction:column;justify-content:space-between;gap:52px}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border:1px solid #ffffff12;border-radius:50%;width:650px;height:650px;right:-450px;bottom:-170px;pointer-events:none}.brand-panel:after{width:900px;height:900px;right:-575px;bottom:-295px}.brand{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.mark{width:43px;height:43px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;transform:rotate(-5deg)}.mark i{background:var(--gold);border-radius:2px}.mark i:nth-child(2){opacity:.55}.mark i:nth-child(3){opacity:.75}.brand-name{font-family:Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:.3px}.brand-caption{font-size:11px;letter-spacing:.8px;opacity:.6;margin-top:4px}.story{position:relative;z-index:1}.eyebrow{font:11px Arial,sans-serif;letter-spacing:2.5px;color:var(--gold);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}.story>.story-headline{font-size:clamp(30px,3.3vw,48px);line-height:1.5;letter-spacing:-.8px;margin:22px 0;max-width:none;font-family:"Prompt",Tahoma,sans-serif;font-weight:600}.story>.story-headline span{color:#f4c623}.story>p{font-size:15px;line-height:1.95;max-width:390px;color:#c2c9da}.network{border-top:1px solid #ffffff24;margin-top:38px;padding-top:23px;display:flex;gap:36px}.network strong{font:28px Arial,sans-serif;display:block;margin-bottom:8px}.network span{font-size:12px;color:#c2c9da}.company-list{margin-top:28px;font-size:11px;line-height:2;color:#98a6c4;max-width:400px}.brand-footer{font-size:11px;color:#a4b0c9;position:relative;z-index:1}
    .login-panel{display:flex;flex-direction:column;padding:36px 8% 26px;min-width:0}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.status-dot{width:6px;height:6px;background:#f4c623;border-radius:50%}.login-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:50px 0}.login{width:100%;max-width:420px}.label{color:#072b6b;font:600 11px Arial,sans-serif;letter-spacing:2px}.login h1{font-size:32px;line-height:1.5;letter-spacing:-.5px;margin:14px 0 10px}.intro{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 32px}.card{padding:28px;background:white;border:1px solid #e4e7ed;border-radius:16px;box-shadow:0 12px 35px #17255705}.card-title{font-size:15px;font-weight:600;margin:0 0 8px}.card-copy{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 23px}.microsoft-button{width:100%;border:1px solid var(--navy);background:var(--navy);color:#fff;min-height:54px;padding:14px 12px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s,transform .15s}.microsoft-button:hover{background:#051e4e}.microsoft-button:active{transform:translateY(1px)}.ms-icon{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:2px;flex-shrink:0}.ms-icon i:nth-child(1){background:#f25022}.ms-icon i:nth-child(2){background:#7fba00}.ms-icon i:nth-child(3){background:#00a4ef}.ms-icon i:nth-child(4){background:#ffb900}.secure-note{display:flex;align-items:flex-start;justify-content:center;gap:7px;font-size:11px;color:var(--muted);margin:17px 0 0;line-height:1.8}.secure-note svg{width:14px;height:14px;flex-shrink:0;margin-top:3px}.after-login{display:flex;gap:12px;margin-top:25px;padding:0 2px}.after-icon{color:#072b6b;font-size:20px;line-height:1.4}.after-login p{margin:0;font-size:12px;color:var(--muted);line-height:1.9}.after-login strong{font-weight:600;color:#072b6b;display:block}.help{margin-top:30px;padding-top:25px;border-top:1px solid #e3e7ed;font-size:12px;color:var(--muted);line-height:1.9}.help a{text-underline-offset:4px;color:var(--navy)}.help button{background:none;border:0;padding:0;font:inherit;color:var(--navy);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.help-note{margin:0}.bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px;color:#5b6573}.bottom a{text-decoration:none}.bottom a:hover{text-decoration:underline}
    dialog{width:min(420px,calc(100% - 32px));border:1px solid #e4e7ed;border-radius:16px;padding:28px;color:var(--ink);box-shadow:0 20px 80px #10204426}dialog::backdrop{background:#13234080}dialog h2{font-size:20px;margin:0 0 12px}dialog p{font-size:14px;line-height:1.9;color:var(--muted)}dialog button{margin-top:12px;background:var(--navy);color:white;border:0;border-radius:8px;padding:11px 24px;cursor:pointer}
    @media(min-width:1500px){.brand-panel{padding-left:15%;padding-right:15%}}
    @media(max-width:900px){.page{grid-template-columns:42% 58%}.brand-panel{padding:32px 9%}.story>.story-headline{font-size:30px}.network{gap:24px}.card{padding:23px}.login-panel{padding:30px 7%}.company-list{display:none}}
    @media(max-width:640px){.page{display:block}.brand-panel{padding:23px 24px;gap:0}.brand-name{font-size:20px}.mark{width:35px;height:35px}.story,.brand-footer{display:none}.login-panel{padding:21px 24px 25px;min-height:calc(100svh - 86px)}.login-wrap{padding:32px 0 45px}.login h1{font-size:29px}.intro{margin-bottom:25px}.topbar{font-size:11px}.bottom{font-size:10px}.card{padding:23px 20px}}
    @media(prefers-reduced-motion:reduce){*{transition:none!important}}
.notice{padding:14px 16px;border:1px solid #f4c623;border-radius:8px;background:#fff8e9;font-size:13px;line-height:1.8;margin:0 0 20px}
.microsoft-button{text-decoration:none}.account-page{max-width:760px;margin:0 auto;padding:60px 24px}.account-page h1{font-size:28px;margin:24px 0}.account-page h2{font-size:22px}.account-page p{line-height:1.9}

h1,h2,.brand-name{font-family:"Prompt",Tahoma,sans-serif;font-weight:600}.brand-name{font-weight:700}.eyebrow,.label,.network strong{font-family:"Sarabun",Tahoma,sans-serif}

/* MCS website wordmark: same text, typography and palette. */
.mcs-logo{display:inline-block;text-decoration:none;flex-shrink:0}.mcs-logo-text{font:700 14.08px/17.6px "Prompt",sans-serif;color:#072b6b}.mcs-logo-text small{display:block;font:400 10.56px/13.2px "Prompt",sans-serif;color:#5b6573}.brand .mcs-logo{background:#fff;padding:12px 16px;border-radius:4px}.workspace-brand{gap:0}.story>p,.network span{color:#fff}.company-list,.brand-footer{color:#c5cfdf}.login h1{color:#072b6b}
.mcs-logo .mcs-logo-text small{font:400 10.56px/13.2px "Prompt",sans-serif;letter-spacing:normal;margin:0;color:#5b6573}