@font-face{font-family:Cairo;src:url("portal-login-Cairo.woff") format("woff");font-style:normal;font-weight:200 1000;font-display:swap}
.harbor-login-page{margin:0;min-height:100vh;background:#062438;color:#fff;isolation:isolate}
.harbor-login-page *{box-sizing:border-box}
.harbor-backdrop{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,22,38,.30),rgba(2,22,38,.02) 65%),url("portal-login-harbor.webp") center/cover no-repeat}
.harbor-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4vw;position:relative;z-index:1}
.harbor-brand{display:block;width:clamp(220px,25vw,380px);flex-shrink:0}
.harbor-brand img{display:block;width:100%;height:auto}
.harbor-nav{display:flex;align-items:center;gap:18px;color:#08283b;font-weight:700}
.harbor-nav .customer-language-form{display:flex;gap:4px;margin:0;width:auto}
.harbor-nav .customer-language-form button,.harbor-home{font:inherit;padding:11px 15px;min-height:44px;border:1px solid rgba(255,224,154,.75);border-radius:8px;background:rgba(255,255,255,.65);color:#08283b;text-decoration:none;cursor:pointer}
.harbor-nav .customer-language-form button[aria-pressed="true"]{background:linear-gradient(110deg,#ffe397,#d5a248);color:#082438}
.harbor-login-main{display:flex;align-items:center;min-height:calc(100svh - 180px);padding:30px 4vw 64px}
.harbor-login-card{width:min(440px,100%);padding:32px;border:1px solid rgba(241,202,115,.8);border-radius:18px;background:rgba(3,30,48,.82);box-shadow:0 20px 60px #00132244}
.harbor-eyebrow{color:#f3d186;font-size:12px;font-weight:700;letter-spacing:.15em}
.harbor-login-card h1{margin:9px 0 10px;font-family:Georgia,serif;font-size:42px;line-height:1.15;color:#fff;font-weight:600}
.harbor-login-card p{margin:0 0 24px;color:#e1e9ed;font-size:15px;line-height:1.65}
.harbor-login-card form{display:flex;flex-direction:column}
.harbor-login-card label{display:block;font-size:14px;font-weight:600;margin:0 0 8px;color:#fff}
.harbor-login-card input:not([type="hidden"]):not([type="checkbox"]){width:100%;min-width:0;min-height:50px;border:1px solid #b8c8d2;border-radius:8px;background:#f6f9fc;color:#102d40;padding:12px;font:inherit;font-size:16px;margin:0 0 19px}
.harbor-password{display:flex;border:1px solid #b8c8d2;background:#f6f9fc;border-radius:8px;overflow:hidden;margin-bottom:18px;align-items:center}
.harbor-password input#pw{border:0;margin:0;flex:1;background:transparent;border-radius:0}
.harbor-password .eye-btn{flex:none;min-height:48px;padding:0 14px;color:#173c51;font:inherit;font-size:13px;font-weight:700;background:transparent;border:0}
.harbor-login-card .harbor-remember{display:flex;align-items:center;gap:9px;margin:0 0 21px;font-weight:400}
.harbor-remember input{width:18px;height:18px;accent-color:#d7ad5b;margin:0;flex:none}
.harbor-submit{width:100%;min-height:52px;border:1px solid #ffe5a5;border-radius:8px;background:linear-gradient(110deg,#ffe397,#d5a248);color:#092235;font:inherit;font-size:15px;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 2px 0 #09243855}
.harbor-forgot{display:block;margin-top:19px;text-align:center;color:#f5d38d;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.harbor-login-page a:focus-visible,.harbor-login-page button:focus-visible,.harbor-login-page input:focus-visible{outline:3px solid #f9d580;outline-offset:3px}
.harbor-login-card .alert.danger{background:#fff0ed;color:#922c20;border:1px solid #e39a8f;font-size:14px;margin-bottom:20px}
html[lang="ar"] .harbor-login-page,html[lang="ar"] .harbor-login-page input,html[lang="ar"] .harbor-login-page button,html[lang="ar"] .harbor-login-page h1{font-family:Cairo,Tahoma,Arial,sans-serif}
html[lang="ar"] .harbor-eyebrow,html[lang="ar"] .harbor-submit{letter-spacing:0}
html[lang="ar"] .harbor-login-card h1{font-size:34px;line-height:1.5}
@media(max-width:700px){
 .harbor-backdrop{background:linear-gradient(180deg,transparent 180px,rgba(3,29,46,.55) 430px,#062438 720px),url("portal-login-harbor.webp") center 150px/100% auto no-repeat,#65b2ec}
 .harbor-header{padding:18px 18px 0;gap:12px;flex-wrap:wrap}
 .harbor-brand{width:min(270px,74vw);margin:0 auto}
 .harbor-nav{justify-content:space-between;width:100%;gap:8px;font-size:12px}
 .harbor-nav .customer-language-form{gap:3px}
 .harbor-nav .customer-language-form button,.harbor-home{padding:9px 10px}
 .harbor-login-main{min-height:0;display:block;padding:0 16px 36px;margin-top:clamp(190px,47vw,330px)}
 .harbor-login-card{margin:0 auto;padding:27px 23px;background:rgba(3,30,48,.89)}
 .harbor-login-card h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.harbor-login-page *{scroll-behavior:auto}}
/* Single-MSC reference: compact glass form and navigation over the image. */
.harbor-backdrop{background-image:url("portal-login-harbor.webp");background-size:cover;background-position:center;background-repeat:no-repeat}
.harbor-header{padding:18px 3.8vw;align-items:flex-start}
.harbor-brand{width:clamp(280px,30vw,460px)}
.harbor-nav{padding-top:8px;gap:16px;font-size:14px}
.harbor-nav .customer-language-form button,.harbor-home{background:transparent;border:0;border-radius:0;color:#08283b}
.harbor-nav .customer-language-form button[aria-pressed="true"]{background:transparent;color:#08283b;font-weight:800}
.harbor-nav .customer-language-form button+button,.harbor-home{border-inline-start:1px solid #e4c879}
.harbor-nav .harbor-home{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,#ffe397,#d5a248);border:1px solid #ffe5a5;border-radius:8px;color:#092235;box-shadow:0 2px 0 #09243833}
.harbor-login-main{align-items:flex-start;min-height:calc(100svh - 120px);padding:clamp(70px,10vh,115px) 3.8vw 50px}
.harbor-login-card{width:min(365px,100%);padding:28px;border-radius:12px;background:rgba(2,30,54,.82);border-color:#e6c679}
.harbor-login-card h1{font-size:38px}
.harbor-login-card p{font-size:13px;margin-bottom:24px}
.harbor-login-card input:not([type="hidden"]):not([type="checkbox"]){background:rgba(18,50,80,.65);color:#fff;border-color:#7790a7;min-height:44px;padding:10px}
.harbor-password{background:rgba(18,50,80,.65);border-color:#7790a7}
.harbor-password input#pw{background:transparent;color:#fff}
.harbor-password .eye-btn{color:#fff;min-height:44px}
.harbor-submit{min-height:44px}
.harbor-current{border:1px solid #e4c879;border-radius:6px;padding:12px 23px;color:#08283b;text-decoration:none}
.harbor-copyright{padding:18px 2.8vw;color:#e7edf5;font-size:12px;letter-spacing:.04em}
@media(min-width:701px){
 .harbor-login-page{height:100svh;min-height:0;overflow:hidden}
 .harbor-login-main{position:fixed;top:36svh;bottom:44px;left:calc(3.8vw + 32px);right:auto;min-height:0;margin:0;padding:0;display:block;width:min(365px,calc(100vw - 80px))}
 .harbor-login-card{max-height:100%;overflow-y:auto;overscroll-behavior:contain}
 .harbor-copyright{position:fixed;bottom:0;left:0;padding:12px 2.8vw;margin:0}
}
@media(max-width:700px){
 html:has(.harbor-login-page){background:#6bb5ee;margin:0!important;padding:0!important}
 body.harbor-login-page{position:static;display:block;width:100%;margin:0!important;padding:0!important;background:linear-gradient(180deg,transparent 380px,#062438 640px),url("portal-login-harbor.webp") 67% 140px/auto 340px no-repeat,#6bb5ee}
 .harbor-login-page .harbor-backdrop{display:none}
 .harbor-backdrop{background:linear-gradient(180deg,transparent 330px,rgba(3,29,46,.45) 440px,#062438 640px),url("portal-login-harbor.webp") 67% 100px/auto 340px no-repeat,#6bb5ee}
 .harbor-header{position:static;display:flex;flex-direction:column;flex-wrap:nowrap;margin:0;padding:8px 16px 0;align-items:center;gap:8px}
 .harbor-brand{width:min(290px,80vw);order:2}
 .harbor-nav{order:1;padding-top:0;font-size:12px;gap:4px;background:transparent;border:0;box-shadow:none}
 .harbor-nav .customer-language-form button,.harbor-home{padding:9px 8px}
 .harbor-current{display:none}
 .harbor-login-main{position:static;margin:0;padding:250px 16px 16px;min-height:0}
 .harbor-login-card{width:min(400px,100%);padding:25px 23px;background:rgba(3,30,48,.90)}
 .harbor-login-card h1{font-size:35px}
 .harbor-copyright{text-align:center;font-size:10px}
}