@font-face{font-family:SynedatInter;src:url('../fonts/inter-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body:has(.syn-login){margin:0;background:#f5f9f6;color:#17382f;font:400 16px/1.65 SynedatInter,Inter,system-ui,sans-serif}
body:has(.syn-login)>nav,body:has(.syn-login)>.web-footer,body:has(.syn-login) .page-breadcrumbs,body:has(.syn-login) .page-header-wrapper{display:none!important}
body:has(.syn-login) .page-content-wrapper>main.container{width:100%;max-width:none;padding:0}body:has(.syn-login) .page_content{padding:0}
.syn-login-shell{--ink:#17382f;--muted:#53645e;--accent:#368977;--action:#28725e;--accent-dark:#1e5b4e;--dark:#102e28;--line:#d7e4dc;--soft:#eaf3ee;--paper:#fff;min-height:100vh;background:radial-gradient(ellipse 56rem 34rem at 0 40%,rgb(54 137 119/7%),transparent 72%),#f5f9f6;color:var(--ink)}
.syn-login-shell *,.syn-login-shell *::before,.syn-login-shell *::after{box-sizing:border-box}.syn-login-shell a:focus-visible,.syn-login-shell button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.syn-portal-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:rgb(255 255 255/96%);backdrop-filter:saturate(180%) blur(18px)}
.syn-portal-header__inner{display:flex;align-items:center;gap:22px;width:min(1180px,calc(100% - 42px));min-height:82px;margin-inline:auto}.syn-portal-brand{display:flex;align-items:center;gap:16px;min-height:44px;text-decoration:none!important}.syn-portal-brand img{display:block;width:210px;height:auto}.syn-portal-brand span{padding-left:16px;border-left:1px solid var(--line);color:var(--action);font-size:.72rem;font-weight:800;letter-spacing:.13em;white-space:nowrap}.syn-portal-header nav{display:flex;align-items:center;gap:8px;margin-left:auto}.syn-portal-header nav a{min-height:44px;padding:11px 15px;border-radius:99px;color:var(--ink);font-size:.82rem;font-weight:800;text-decoration:none}.syn-portal-header nav a:hover{background:var(--soft);color:var(--action)}
.syn-login{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);width:min(1180px,calc(100% - 42px));min-height:690px;margin:44px auto 64px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 22px 60px rgb(16 46 40/12%)}
.syn-login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:48px;overflow:hidden;padding:clamp(40px,6vw,78px);background:radial-gradient(circle at 92% 8%,rgb(155 203 187/28%) 0,transparent 38%),linear-gradient(145deg,#173f35,var(--dark));color:#deebe4}.syn-login-brand::after{position:absolute;right:-110px;bottom:-135px;width:360px;height:360px;border:1px solid rgb(222 235 228/18%);border-radius:50%;box-shadow:0 0 0 45px rgb(222 235 228/4%),0 0 0 90px rgb(222 235 228/3%);content:''}.syn-login-brand>*{position:relative;z-index:1}.syn-login-brand h1{max-width:680px;margin:12px 0 22px;color:#fff;font-size:clamp(2.4rem,4.8vw,4.45rem);font-weight:800;line-height:1.02;letter-spacing:-.052em}.syn-login-brand p:not(.syn-login-eyebrow){max-width:610px;margin:0;font-size:1.08rem}.syn-login-brand ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}.syn-login-brand li{display:flex;align-items:center;gap:11px}.syn-login-brand li::before{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#9bcbbb;content:''}
.syn-login-eyebrow{margin:0;color:var(--action);font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.syn-login-brand .syn-login-eyebrow{color:#9bcbbb}.syn-login-card{display:grid;place-items:center;padding:clamp(30px,5vw,68px);background:#fff}.syn-login-card>div{width:min(100%,480px)}.syn-login-card h2{margin:8px 0 10px;color:var(--ink);font-size:clamp(1.9rem,3vw,2.5rem);font-weight:800;line-height:1.16;letter-spacing:-.035em}.syn-login-card>div>p{color:var(--muted)}
.syn-login-providers{display:grid;gap:11px;margin-top:30px}.syn-provider,.syn-password{display:flex;align-items:center;gap:14px;min-height:54px;padding:13px 18px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink)!important;font-weight:750;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.syn-provider:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 10px 24px rgb(16 46 40/8%)}.syn-provider>span{display:grid;grid-template-columns:repeat(2,8px);gap:2px;width:22px;height:22px;padding:2px}.syn-provider>span i{display:block;background:var(--accent)}.syn-provider[data-provider='Office 365']>span i:nth-child(1){background:#f25022}.syn-provider[data-provider='Office 365']>span i:nth-child(2){background:#7fba00}.syn-provider[data-provider='Office 365']>span i:nth-child(3){background:#00a4ef}.syn-provider[data-provider='Office 365']>span i:nth-child(4){background:#ffb900}.syn-login-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#71827b;font-size:.8rem}.syn-login-divider::before,.syn-login-divider::after{height:1px;flex:1;background:var(--line);content:''}.syn-password{justify-content:space-between;border-color:transparent;background:linear-gradient(135deg,var(--action),var(--accent-dark));color:#fff!important;box-shadow:0 12px 30px rgb(54 137 119/18%)}.syn-password:hover{transform:translateY(-2px);box-shadow:0 16px 35px rgb(54 137 119/25%)}.syn-password+.syn-password{margin-top:10px;border-color:var(--line);background:#fff;color:var(--ink)!important;box-shadow:none}.syn-forgot{display:inline-block;margin:15px 4px 24px;color:var(--action);font-size:.9rem;font-weight:650}.syn-login-note{margin-top:22px;padding:18px 20px;border-left:4px solid var(--accent);border-radius:0 14px 14px 0;background:var(--soft)}.syn-login-note p{margin:5px 0 0;color:var(--muted);font-size:.88rem}.syn-login-help{margin:22px 0 0!important;font-size:.88rem}.syn-login-help a{color:var(--action);font-weight:700}
.syn-portal-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted)}.syn-portal-footer__inner{display:flex;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 42px));margin-inline:auto;padding:28px 0;font-size:.82rem}.syn-portal-footer a{color:var(--action);font-weight:700}
@media(max-width:900px){.syn-login{grid-template-columns:minmax(0,1fr)}.syn-login-brand{min-height:500px}}@media(max-width:620px){html:has(.syn-login),body:has(.syn-login){width:100%;max-width:100vw;overflow-x:hidden}body:has(.syn-login) #page-portal-login,body:has(.syn-login) .page-content-wrapper,body:has(.syn-login) .page-content-wrapper>main.container,body:has(.syn-login) .page_content{width:100%!important;min-width:0!important;max-width:100%!important;margin-inline:0!important;padding-inline:0!important;overflow-x:hidden}.syn-login-shell{width:100%;min-width:0;max-width:100%;overflow-x:clip}.syn-portal-header__inner,.syn-login,.syn-portal-footer__inner{width:calc(100% - 28px);min-width:0;max-width:calc(100vw - 28px)}.syn-portal-header__inner{min-height:70px;gap:10px}.syn-portal-brand{min-width:0}.syn-portal-brand img{width:160px;max-width:100%}.syn-portal-brand span{display:none}.syn-portal-header nav a:first-child{display:none}.syn-login{grid-template-columns:minmax(0,1fr);margin-block:22px 38px;border-radius:20px}.syn-login>*{width:100%;min-width:0;max-width:100%}.syn-login-brand{min-height:auto;padding:36px 24px}.syn-login-brand h1{max-width:100%;font-size:clamp(1.9rem,9.5vw,2.55rem);overflow-wrap:anywhere;word-break:normal}.syn-login-brand ul{display:none}.syn-login-card{padding:34px 22px}.syn-login-card>div{width:100%;min-width:0;max-width:100%}.syn-login-card h2,.syn-login-card p,.syn-provider,.syn-password,.syn-login-note{max-width:100%;overflow-wrap:anywhere}.syn-provider,.syn-password{width:100%;min-width:0;white-space:normal;line-height:1.35}.syn-password{display:block;text-align:center}.syn-provider strong{min-width:0}.syn-portal-footer__inner{flex-direction:column}}@media(prefers-reduced-motion:reduce){.syn-login-shell *{scroll-behavior:auto!important;transition:none!important}}