.portal-gate.open{grid-template-columns:minmax(520px,1.08fr) minmax(500px,.92fr);background:#080808}
.gate-visual{isolation:isolate;padding:46px clamp(44px,5.5vw,92px);background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.76)),linear-gradient(0deg,rgba(135,0,10,.23),transparent 52%),url("assets/dubai-rental-hero.png") center/cover}
.gate-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 78%,rgba(225,6,19,.25),transparent 34%),linear-gradient(135deg,transparent 45%,rgba(225,6,19,.08))}
.gate-visual:after{width:520px;height:520px;border:1px solid rgba(255,255,255,.13);box-shadow:0 0 0 80px rgba(225,6,19,.06),0 0 0 160px rgba(225,6,19,.035);right:-235px;bottom:-230px}
.gate-visual>img{width:min(490px,88%);height:auto;box-sizing:border-box;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,244,244,.94));padding:16px 20px;border:1px solid rgba(255,255,255,.9);border-left:5px solid #e10613;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 0 0 1px rgba(0,0,0,.035);filter:none;backdrop-filter:blur(18px)}
.gate-story{position:relative;z-index:1;max-width:710px}
.gate-visual .eyebrow{color:#ff2634}
.gate-visual h2{max-width:670px;font-size:clamp(54px,5.25vw,86px);margin:18px 0 22px}
.gate-visual h2 em{font-style:normal;color:#f20b1a}
.gate-visual p{max-width:610px;color:#d4d4d4;font-size:18px}
.gate-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.gate-benefits span{border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.32);backdrop-filter:blur(12px);padding:10px 13px;border-radius:99px;font-size:11px;font-weight:700;color:#eee}
.security-note{position:relative;z-index:1;color:#bbb;letter-spacing:.015em}
.gate-form{align-self:stretch;overflow:auto;padding:70px clamp(50px,7vw,120px);background:radial-gradient(circle at 100% 0,#ffecee 0,transparent 27%),#f7f7f7}
.gate-form>*{width:100%;max-width:640px;margin-left:auto;margin-right:auto}
.portal-close{width:46px;height:46px;display:grid;place-items:center;right:28px;top:24px;border:1px solid #ddd;border-radius:50%;background:#fff;box-shadow:0 8px 22px #00000012;transition:.2s}
.portal-close:hover{transform:rotate(90deg);border-color:#e10613;color:#e10613}
.access-pill{width:max-content;margin:0 0 22px;padding:8px 12px;border-radius:99px;background:#ffe5e7;color:#b6000c;font:800 9px Manrope;letter-spacing:.14em}
.gate-form>.eyebrow{margin-left:auto;margin-right:auto;color:#e10613}
.gate-form h2{font-size:clamp(38px,3.25vw,58px);line-height:1.04;letter-spacing:-.045em;margin:11px auto 10px}
.auth-intro{color:#747474;line-height:1.55;margin-top:0;margin-bottom:26px}
.auth-switch{border-radius:14px;background:#e9e9e9;padding:5px;margin-bottom:16px}
.auth-switch button{height:50px;border-radius:10px}
.auth-switch button.active{box-shadow:0 8px 20px #0002,inset 0 -3px #e10613}
.google-login{height:56px;border-radius:12px;border-color:#d7d7d7;box-shadow:0 5px 16px #0000000b;transition:.2s}
.google-login:hover{transform:translateY(-2px);border-color:#aaa;box-shadow:0 9px 22px #00000012}
.auth-divider{margin:19px auto}
.gate-form>label,.signup-fields label{color:#272727}
.gate-form input[type=text],.gate-form input[type=password],.signup-fields input,.signup-fields select,.confirm-password input{height:54px;border:1px solid #d6d6d6;border-radius:10px;background:#fff;box-shadow:0 4px 12px #00000008;transition:.2s}
.gate-form input:focus,.signup-fields input:focus,.signup-fields select:focus{border-color:#e10613;box-shadow:0 0 0 4px #e1061315}
.password-wrap button{right:7px;bottom:7px;border-radius:7px;background:#f0f0f0;padding:0 13px}
.remember{margin:18px auto 22px}
.portal-submit{height:58px;border-radius:11px;background:linear-gradient(115deg,#e10613,#ff2331);box-shadow:0 14px 28px #e1061338;transition:.2s;font-size:15px}
.portal-submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px #e1061348}
.demo-note{margin-top:15px}
.portal-sidebar>img{background:transparent;padding:3px;filter:drop-shadow(0 4px 10px #000)}
.foot{background:transparent;padding:0}
@media(max-height:860px) and (min-width:701px){.gate-form{justify-content:flex-start;padding-top:48px;padding-bottom:38px}.gate-visual{padding-top:34px;padding-bottom:34px}.gate-visual h2{font-size:clamp(45px,4.5vw,70px)}}
@media(max-width:1080px){.portal-gate.open{grid-template-columns:.9fr 1.1fr}.gate-visual{padding:42px}.gate-visual>img{width:min(440px,94%);padding:13px 16px}.gate-visual h2{font-size:52px}.gate-benefits span{padding:8px 10px}.gate-form{padding-left:45px;padding-right:45px}}
@media(max-width:700px){.portal-gate.open{display:block;background:#f7f7f7}.gate-form{min-height:100%;padding:82px 22px 38px;background:radial-gradient(circle at 100% 0,#ffe5e7,transparent 24%),#f7f7f7}.gate-form h2{font-size:40px}.access-pill{margin-bottom:18px}.portal-close{right:18px;top:18px}.auth-intro{font-size:14px}.portal-sidebar>img{background:transparent}}
.summary>div{gap:20px}.summary>div span{max-width:65%}.summary .charge-line{color:#4d555b}.summary .summary-total{margin:8px -18px -18px;padding:18px;background:#111;color:#fff;border:0;font-size:17px}.summary .summary-total b{color:#fff}.charge-note{margin:14px 0 4px;padding:11px 12px;background:#fff;border-left:3px solid #e10613;color:#6d7479;font-size:11px;line-height:1.5}
.summary .installment-picker{display:block;padding:16px 0}.installment-picker>span{display:block;max-width:none!important;margin-bottom:10px;font-size:12px;font-weight:800;color:#222}.installment-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.installment-picker button{height:40px;border:1px solid #d1d1d1;background:#fff;font-weight:800;border-radius:7px;cursor:pointer}.installment-picker button.active{border-color:#e10613;background:#e10613;color:#fff;box-shadow:0 8px 18px #e1061325}.summary .first-payment{align-items:center;margin:12px -8px 0;padding:15px 10px;background:#fff;border:1px solid #e10613;border-radius:8px}.first-payment span{font-weight:800;color:#111}.first-payment small{display:block;margin-top:4px;color:#777;font-size:9px;font-weight:500;line-height:1.35}.first-payment b{color:#e10613;font-size:16px}.summary .remaining-payment{padding:12px 2px;color:#555;font-size:12px}.remaining-payment b{color:#111}