*{box-sizing:border-box}
body{margin:0;background:#eeeadf;color:#2e4a3a;font:15px/1.6 system-ui,-apple-system,sans-serif}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}main{width:100%}.parent-brand{margin-top:auto;padding:20px max(5vw,20px) 24px;display:flex;justify-content:flex-end}.parent-brand a{display:inline-flex;padding:6px 0}.parent-brand img{display:block;width:134px;height:auto}@media print{.parent-brand{display:none}}
main{display:grid;grid-template-columns:.86fr 1.14fr;max-width:1120px;width:calc(100% - 80px);margin:48px auto 0;background:#faf8f3;border:1px solid #ded7c9;border-radius:18px;overflow:hidden;box-shadow:0 16px 50px #24495808}
.brand-panel{display:flex;flex-direction:column;padding:44px 40px;background:#2e4a3a;color:#f6f3e9}
a{color:#35614d;text-underline-offset:3px}
.brand{display:block;width:fit-content;text-decoration:none;color:inherit}
.brand .suite-wordmark{display:block;font-size:17px;font-weight:500;color:#d3dfcd}
.suite-wordmark:before{content:"";display:inline-block;width:18px;height:6px;margin-right:7px;vertical-align:middle;border-radius:3px;background:#9ac477}
.suite-wordmark em{font-style:normal;font-weight:400}
.brand .utility-wordmark{display:block;font-size:46px;font-weight:500;letter-spacing:-1.5px;line-height:1.15;margin:3px 0 0 25px}
.brand-copy{margin:auto 0;padding:56px 0}
.brand-copy h2{font-size:clamp(28px,3vw,36px);line-height:1.22;font-weight:500;letter-spacing:-.8px;margin:0 0 22px}
.brand-copy>p:last-child{color:#d3dfcd;max-width:310px;margin:0;font-size:15px;line-height:1.75}
.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:750;color:#08766a;margin:0 0 12px}
.brand-panel .eyebrow{color:#c2d8ae}
.privacy{font-size:13px;line-height:1.7}
.brand-panel .privacy{padding-top:24px;border-top:1px solid #ffffff30;color:#d3dfcd}
.privacy strong{display:block;color:inherit;font-weight:600;margin-bottom:6px}
.privacy p{margin:0}
.sign-in-panel{padding:44px 48px 30px;min-width:0}
h1{font-size:30px;line-height:1.22;letter-spacing:-.8px;font-weight:600;margin:0 0 16px}
.intro{font-size:14px;color:#52665a;line-height:1.7;margin:0 0 26px}
button,.button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:12px 15px;border:1px solid #2e4a3a;border-radius:8px;background:#2e4a3a;color:white;font:600 14px/1.4 system-ui;cursor:pointer;text-decoration:none}
button:hover,.button:hover{background:#244a35}
button:disabled{opacity:.7;cursor:wait}
.microsoft{background:white;color:#2e4a3a;border-color:#bbc9bc}
.microsoft:hover{background:#edf1e8}
.ms-mark{display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:2px;color:#35614d}
.ms-mark i{background:currentColor;display:block}
.method-note{margin:7px 0 0;text-align:center;font-size:12px;color:#5c6f60}
.divider{display:flex;align-items:center;gap:12px;font-size:12px;color:#5c6f60;margin:18px 0}
.divider:before,.divider:after{content:'';height:1px;flex:1;background:#dce1d5}
.method-tabs{display:flex;gap:4px;background:#e9eddf;padding:4px;border-radius:9px;margin-bottom:22px}
.method-tabs a{flex:1;text-align:center;font-size:13px;font-weight:600;text-decoration:none;padding:10px 6px;border-radius:6px;color:#48604a;line-height:1.4;display:flex;align-items:center;justify-content:center;min-height:42px}
.method-tabs a[aria-selected=true]{background:white;color:#2e4a3a;box-shadow:0 1px 4px #2e4a3a18}
.method-tabs a:hover{background:#f6f7f0}
[hidden]{display:none!important}
label{display:block;font-size:13px;font-weight:600;margin:0 0 7px}
input{display:block;width:100%;border:1px solid #afc1b2;border-radius:7px;padding:12px;font:16px system-ui;min-height:48px;color:#2e4a3a;background:white}
input[type=hidden]{display:none}
input:focus,button:focus-visible,a:focus-visible,.message:focus-visible{outline:3px solid #82b298;outline-offset:3px}
.field-help{font-size:12px;color:#52665a;margin:8px 0 18px}
.access-note,.code-help{font-size:12px;color:#52665a;margin:18px 0 0}
.message{padding:12px;border:1px solid #d8b18d;background:#fff4e4;border-radius:7px;font-size:13px;color:#79532f;margin:0 0 22px}
.back{display:block;margin-top:16px;font-size:13px;text-align:center}
.submit-status{font-size:12px;color:#52665a;margin:12px 0 0}
.submit-status:empty{display:none}
.entry-footer{font-size:12px;color:#52665a;border-top:1px solid #dce1d5;padding-top:18px;margin-top:24px;line-height:1.7}
.entry-footer p{margin:0 0 10px}.leader-link{display:inline-block;margin-top:7px}
.mobile-privacy{display:none}
.parent-brand{max-width:1200px;width:100%;margin:0 auto;padding-top:16px}
@media(max-width:800px){main{display:block;width:100%;max-width:540px;margin:0 auto;border:0;border-radius:0;box-shadow:none;background:transparent}.brand-panel{background:transparent;color:#2e4a3a;padding:24px 24px 20px}.brand .suite-wordmark{color:#536757}.brand .utility-wordmark{font-size:34px;letter-spacing:-1px}.brand-copy,.brand-panel .privacy{display:none}.sign-in-panel{padding:0 24px 20px}.card{background:#faf8f3;border:1px solid #ded7c9;border-radius:12px;padding:24px}.mobile-privacy{display:block;margin-top:22px;padding:16px;background:#e5ebdd;border-radius:8px;color:#48604a}.entry-footer{margin-top:20px;padding-top:18px}h1{font-size:27px}.parent-brand{max-width:540px;padding:0 24px 24px}}
@media(max-width:380px){.brand-panel{padding-left:16px;padding-right:16px}.sign-in-panel{padding-left:16px;padding-right:16px}.card{padding:20px}.method-tabs a{font-size:12px}}