*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:#263347;font-family:Arial,Segoe UI,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}.top{height:auto;min-height:88px;background:#fff;justify-content:space-between;gap:20px;padding:14px clamp(18px,5vw,84px);box-shadow:0 2px 20px #15253b12}.brand,.top{display:flex;align-items:center}.brand{gap:14px}.brand strong{font-size:29px;color:#b8323b;letter-spacing:-1px}.brand span{font-size:10px;letter-spacing:1.1px;color:#536173;line-height:1.35;font-weight:700}.top nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:13px;font-weight:700}.nav-login,.top nav a:hover{color:#b8323b}.nav-login{padding:11px 18px;border:1px solid #b8323b;border-radius:8px}.public-main{max-width:unset;padding:0}.hero{min-height:485px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(11,29,51,.91),rgba(11,29,51,.76) 32%,rgba(11,29,51,.1) 74%),url(/arabtec-port-banner.png);background-size:cover;background-position:center 53%;color:#fff}.hero-content{max-width:660px;padding:50px clamp(20px,7vw,110px)}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:800}.hero h1{font-size:clamp(36px,4.2vw,64px);line-height:1.1;letter-spacing:-1.8px;margin:16px 0}.hero p:not(.eyebrow){font-size:17px;max-width:510px;color:#f2f5f9}.cta{display:inline-block;background:#b8323b;color:white;padding:15px 23px;border-radius:9px;font-weight:800;margin-top:18px}.cta:hover{background:#9e1929}.services{max-width:1250px;margin:0 auto;padding:68px 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.red{color:#b8323b}.section-heading h2{font-size:35px;letter-spacing:-1px;margin:0}.section-heading p{color:#69778a}.pill{background:#fff0f1;color:#ae2735;padding:9px 13px;border-radius:100px;font-size:12px;font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:30px}.service-card{padding:27px 23px;border:1px solid #e4e8ef;background:#fff;border-radius:15px;box-shadow:0 6px 20px #20304808}.service-icon{width:46px;height:46px;display:grid;place-items:center;background:#fff0f1;color:#b8323b;border-radius:12px;font-size:25px}.service-card h3{font-size:18px;margin:22px 0 10px}.service-card p{color:#69778a;font-size:14px;min-height:92px}.locked{font-size:12px;color:#b8323b;font-weight:700}.access{background:#17283e;color:#fff;padding:55px max(22px,calc((100vw - 1206px)/2));display:flex;align-items:center;justify-content:space-between;gap:50px}.access h2{font-size:31px;margin:10px 0}.access p{color:#d6e0eb;max-width:620px}.access small{color:#aebccd}.access-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:250px}.cta.light{margin:0;background:#b8323b}.outline{padding:14px 21px;border:1px solid #fff;border-radius:9px;font-weight:700}footer{background:#fff;color:#657185;font-size:12px;padding:24px 6%;display:flex;justify-content:space-between;gap:10px}main:not(.public-main){max-width:1000px;margin:auto;padding:30px 20px}.panel{background:white;border:1px solid #e5e9ef;border-radius:12px;padding:24px;margin:20px 0}form{grid-gap:16px;gap:16px;max-width:600px}form,label{display:grid}label{grid-gap:6px;gap:6px;font-weight:600}input{padding:12px;border:1px solid #cdd5e0;border-radius:8px;font:inherit}button{background:#b8323b;color:white;border:0;border-radius:8px;padding:12px 18px;font-weight:700;cursor:pointer}button.secondary{background:#26374c}button:disabled{opacity:.55}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0;gap:15px}@media(max-width:920px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access{padding:40px 24px;flex-direction:column;align-items:flex-start}.top{flex-wrap:wrap}}@media(max-width:560px){.top{padding:16px}.top nav{gap:12px}.top nav a{font-size:12px}.hero{min-height:500px;background-position:63%;background-image:linear-gradient(90deg,rgba(11,29,51,.9),rgba(11,29,51,.52)),url(/arabtec-port-banner.png)}.hero-content{padding:35px 22px}.service-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.service-card p{min-height:0}footer{flex-direction:column}}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #1976d2;outline-offset:4px}input{min-width:0;width:100%}.brand img{width:38px;height:38px}.auth-header{display:flex;align-items:center;gap:12px}.auth-panel{max-width:560px;margin:36px auto}.notice{color:#536173}@media(max-width:800px){.hero{display:block;min-height:0;background-position:75%}.hero-content{max-width:none;background:rgba(11,29,51,.3)}.hero:after{content:"";display:block;height:210px;background:url(/arabtec-port-banner.png) 85%/cover no-repeat}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.access-form{max-width:700px;margin:24px auto}.access-form h1,.auth-panel h1{font-size:clamp(28px,5vw,40px);line-height:1.2}.optional{font-weight:400;color:#69778a}.checkbox{display:flex;align-items:flex-start;gap:12px}.checkbox input{width:20px;height:20px;flex-shrink:0;margin-top:3px}.text-link{color:#b8323b;text-decoration:underline}.notice{font-size:14px}.access-form form{max-width:none}