@font-face{font-family:SynedatInter;src:url('../fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
body[data-path]{--primary:#006b79;--primary-color:#006b79;--text-color:#071a33;--text-muted:#536780;--border-color:#d9e7ee;--bg-color:#f7fbfd;--fg-color:#fff;font-family:SynedatInter,system-ui,sans-serif;color:#071a33;background:#f7fbfd}
body[data-path] .navbar{background:#061527!important;border-bottom:1px solid #1c344a;min-height:80px}
body[data-path] .navbar .navbar-brand,body[data-path] .navbar .nav-link{color:#fff!important}
body[data-path] .navbar .navbar-brand{font-weight:800;letter-spacing:.1em}
body[data-path] .navbar .navbar-brand img{max-height:36px}
body[data-path] a{color:#006b79}
body[data-path] .btn-primary{background:#006b79;border-color:#006b79;color:#fff}
body[data-path] .btn-primary:hover{background:#005863;border-color:#005863}
body[data-path] .btn{border-radius:12px;padding:11px 20px;white-space:normal}
body[data-path] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #008c95;outline-offset:4px}
body[data-path] .page-content{padding-bottom:32px}
body[data-path] .web-list-item{border-color:#d9e7ee;border-radius:10px}
body[data-path] input.form-control,body[data-path] select.form-control{min-height:46px;border:1px solid #c4d5df;border-radius:10px}
body[data-path] textarea.form-control{border:1px solid #c4d5df;border-radius:10px}
body[data-path] .web-footer{background:#061527;color:#d2e2ef;border-top:0;margin-top:50px}
body[data-path] .web-footer>.container{padding-inline:15px}
body[data-path] .web-footer a,body[data-path] .web-footer .text-muted{color:#d2e2ef!important}
body[data-path=login]{background:radial-gradient(ellipse at 20% 10%,#d3f0f2,transparent 50%),#edf7fa}
body[data-path=login] .page-card{border:1px solid #d9e7ee!important;border-radius:24px!important;box-shadow:0 22px 60px rgb(7 26 51 / 10%)!important;padding:32px!important;max-width:440px!important}
body[data-path=login] .page-card-head{max-width:440px;margin-inline:auto}
body[data-path=login] .page-card-head img{max-width:160px;width:160px;height:auto;max-height:none}
body[data-path=login] .page-card-head h4{font-size:1.75rem;color:#071a33}
body[data-path=login] .btn-login-option{border:1px solid #b6d8df;color:#006b79;background:#edf8fb;font-weight:650;min-height:46px}
.synedat-customer-portal{max-width:1180px;margin:0 auto}
.synedat-customer-portal .syn-portal-hero{padding:48px;border:1px solid #d9e7ee;border-radius:24px;background:radial-gradient(ellipse at 95% 10%,#d0f0f1,transparent 70%),#edf8fb;margin:20px 0 48px}
.synedat-customer-portal .syn-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem;font-weight:750;color:#006b79;margin:0 0 12px}
.synedat-customer-portal h1{font-size:clamp(2rem,3.5vw,3.3rem);line-height:1.12;letter-spacing:-.04em;max-width:720px;margin:12px 0 24px}
.synedat-customer-portal .syn-portal-lead{font-size:1.12rem;line-height:1.75;max-width:760px;color:#536780;margin-bottom:24px}
.synedat-customer-portal .syn-portal-hero .btn{margin:6px 10px 0 0}
.synedat-customer-portal h2{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.25;letter-spacing:-.025em;color:#071a33;margin:0 0 16px}
.syn-section-heading{max-width:840px;margin-bottom:28px}
.syn-section-heading>p:not(.syn-eyebrow){line-height:1.75;color:#536780}
.syn-portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.syn-service-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;border:1px solid #d9e7ee;border-radius:20px;background:#fff;color:#071a33!important;text-decoration:none!important;box-shadow:0 8px 24px rgb(7 26 51 / 4%);transition:border-color .15s,box-shadow .15s}
.syn-service-card:hover{border-color:#008c95;box-shadow:0 12px 32px rgb(7 26 51 / 9%)}
.syn-service-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e2f3f4;color:#006b79;font-weight:750}
.syn-service-card h3{font-size:1.22rem;margin:4px 0 0;color:#071a33}
.syn-service-card p{font-size:.95rem;line-height:1.7;color:#536780;margin:0 0 12px}
.syn-card-action{margin-top:auto;font-weight:650;color:#006b79}
.syn-portal-account{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#061527;color:#d2e2ef;border-radius:24px;padding:36px;margin:48px 0}
.synedat-customer-portal .syn-portal-account h2{color:#fff}.syn-portal-account>div{max-width:760px}.syn-portal-account p{line-height:1.7;margin:0}.syn-portal-account .btn{flex-shrink:0}
.syn-portal-help{max-width:760px;padding-bottom:20px}.syn-portal-help p{line-height:1.75;color:#536780}.syn-portal-notice{padding:32px;background:#fff;border:1px solid #d9e7ee;border-radius:20px}
@media(max-width:900px){.syn-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.synedat-customer-portal .syn-portal-hero{padding:32px}.syn-portal-account{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.syn-portal-grid{grid-template-columns:1fr}.synedat-customer-portal .syn-portal-hero{padding:24px;margin-top:0;border-radius:20px}.syn-service-card{padding:24px}.syn-portal-account{padding:24px;margin-block:32px}.synedat-customer-portal .syn-portal-hero .btn{display:block;margin:12px 0 0}.syn-portal-help a{overflow-wrap:anywhere}body[data-path=login] .page-card{padding:24px!important}body[data-path] .navbar{min-height:68px}}
@media(prefers-reduced-motion:reduce){.syn-service-card{transition:none}}