:root{--navy:#071d3e;--navy2:#0b315f;--gold:#c49737;--red:#e31b23;--white:#fff;--muted:#aab6c7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Manrope","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;background:#06101f;color:#fff}
body{min-height:100svh;overflow:hidden}.portal{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;position:relative}
.portal-brand{position:absolute;z-index:10;left:50%;top:30px;transform:translateX(-50%);width:min(210px,42vw);padding:13px 20px;background:rgba(255,255,255,.96);border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.25)}
.portal-card{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:clamp(42px,6vw,88px);overflow:hidden}
.portal-card:before{content:"";position:absolute;inset:0;z-index:0}.portal-card:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,14,28,.08),rgba(4,14,28,.88))}
.portal-card.corporate:before{background:linear-gradient(135deg,rgba(7,29,62,.22),rgba(7,29,62,.52)),url("../images/hero-cement.jpg") center/cover no-repeat}
.portal-card.ups:before{background:url("../images/portal-ups.svg") center/cover no-repeat}
.portal-content{position:relative;z-index:2;max-width:610px}.number{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);border-radius:50%;font-size:12px;margin-bottom:24px}
.portal-card h1{font-size:clamp(33px,4.5vw,65px);line-height:1.08;letter-spacing:-.04em;margin:0 0 15px}.portal-card p{margin:0 0 7px;color:rgba(255,255,255,.72);font-size:15px}.portal-card .fa{font-family:"Vazirmatn",Tahoma,Arial,sans-serif;font-size:16px;direction:rtl;text-align:left}
.portal-link{display:inline-flex;margin-top:28px;align-items:center;gap:12px;padding:14px 19px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-weight:800;font-size:13px;transition:.25s}.portal-link:hover{background:#fff;color:#071d3e;transform:translateY(-2px)}
.portal-card.ups .portal-link:hover{background:var(--red);border-color:var(--red);color:#fff}
.portal-note{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.08em;white-space:nowrap}
@media(max-width:800px){body{overflow:auto}.portal{grid-template-columns:1fr}.portal-card{min-height:70svh;padding:105px 28px 44px}.portal-card+ .portal-card{min-height:65svh;padding-top:60px}.portal-brand{top:18px}.portal-note{display:none}.portal-card .fa{text-align:right}}