/* Yebrax Travel P20 — unified modern public/auth system */
:root{--t20-ink:#07111e;--t20-navy:#081a2d;--t20-navy2:#0c2844;--t20-gold:#e5b954;--t20-gold2:#ffe29a;--t20-paper:#fbfaf7;--t20-line:#e7dfd2;--t20-muted:#6f7b88}
/* AUTH */
body.auth-page{background:linear-gradient(145deg,#06111e 0 38%,#0b2138 38% 55%,#f3eee6 55% 100%)!important;font-family:'Tajawal',system-ui,sans-serif!important}
.auth-page .auth-shell{min-height:100svh;padding:34px!important;display:grid!important;place-items:center!important}
.auth-page .auth-card{width:min(1120px,100%)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:28px!important;overflow:hidden!important;background:var(--t20-paper)!important;box-shadow:0 38px 100px rgba(0,0,0,.32)!important}
.auth-page .auth-top{height:76px!important;min-height:76px!important;padding:0 28px!important;background:#071522!important;border-bottom:1px solid rgba(229,185,84,.16)!important}
.auth-page .auth-brand{gap:11px!important}.auth-page .auth-brand .logo{width:42px!important;height:42px!important;padding:0!important;border-radius:13px!important;background:linear-gradient(145deg,#fffdf8,#e9e2d5)!important;border:1px solid rgba(229,185,84,.45)!important;box-shadow:inset 0 0 0 3px rgba(7,21,34,.06)!important}.auth-page .auth-brand .logo img{width:31px!important;height:31px!important}.auth-page .auth-brand .t b{font-size:15px!important;font-weight:900!important;letter-spacing:.02em!important}.auth-page .auth-brand .t span{font-size:9px!important;letter-spacing:.08em!important;color:#91a0ad!important}
.auth-page .auth-actions{gap:8px!important}.auth-page .auth-actions .btn{height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:11px!important;font-size:11px!important;font-weight:800!important}.auth-page .auth-actions .btn:first-child{border-color:rgba(229,185,84,.45)!important;color:#f7d77f!important}
.auth-page .auth-grid{grid-template-columns:44% 56%!important;min-height:610px!important}.auth-page .auth-left{padding:58px 48px!important;background:radial-gradient(circle at 18% 10%,rgba(229,185,84,.12),transparent 27%),linear-gradient(155deg,#071522,#0b2a48)!important}.auth-page .auth-left h2{font-size:clamp(32px,3.2vw,48px)!important;line-height:1.22!important;letter-spacing:-.025em!important;margin:18px 0 14px!important}.auth-page .auth-left>.small{font-size:14px!important;line-height:2!important;max-width:520px}.auth-page .auth-left .kicker{display:inline-flex!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(229,185,84,.08)!important;border:1px solid rgba(229,185,84,.26)!important;color:#f5d784!important;font-size:11px!important}
.auth-page .auth-right{padding:54px 62px 58px!important;background:linear-gradient(180deg,#fffefa,#f9f6ef)!important}.auth-page .auth-right>div:first-child{margin-bottom:30px!important}.auth-page .auth-right .badge{font-size:10px!important;padding:6px 10px!important;border-radius:999px!important;background:#f7edd3!important;border:1px solid #ead49c!important;color:#6b4a08!important}.auth-page .auth-right h2{font-size:36px!important;line-height:1.2!important;letter-spacing:-.025em!important;color:#0a1929!important;margin:13px 0 6px!important}.auth-page .auth-right .small{color:#77818d!important;line-height:1.75!important}
.auth-page .auth-form{width:100%!important}.auth-page .auth-form>label{display:block!important;width:100%!important;margin:0 0 7px!important;font-size:12px!important;font-weight:800!important;color:#24354a!important}.auth-page .auth-form>input:not([type=checkbox]),.auth-page .auth-form>select{display:block!important;width:100%!important;box-sizing:border-box!important;height:56px!important;min-height:56px!important;border:1px solid #ddd6ca!important;border-radius:15px!important;background:#fff!important;padding:0 17px!important;box-shadow:0 8px 22px rgba(15,31,48,.025)!important}.auth-page .auth-form>input:focus,.auth-page .auth-form>select:focus{border-color:#d4aa4c!important;box-shadow:0 0 0 4px rgba(212,170,76,.12)!important;outline:0!important}.auth-page .auth-help-row{margin-top:14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}.auth-page .auth-help-row label{font-size:11px!important;color:#4e5d6d!important}.auth-page .auth-help-row a{font-size:11px!important;color:#8b6112!important;font-weight:800!important}.auth-page .auth-right .btn.primary{height:56px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#ffe092,#e7b84d)!important;color:#15120c!important;box-shadow:0 15px 30px rgba(205,153,45,.18)!important;font-size:13px!important;font-weight:900!important}.auth-page .auth-sep{margin:25px 0 17px!important}.auth-page .auth-right .google{height:54px!important;border-radius:15px!important;background:#fff!important;border:1px solid #ddd6ca!important;color:#172231!important;font-size:13px!important;box-shadow:none!important}.auth-page .auth-right>.small:last-child{margin-top:18px!important;font-size:11.5px!important}.auth-page .auth-right>.small:last-child a{color:#8b6112!important;text-decoration:none!important}
/* PUBLIC */
.travel-public .p15-navin{height:78px!important;gap:20px!important}.travel-public .p15-brand{gap:10px!important}.travel-public .p15-logo{width:38px!important;height:38px!important;border:1px solid rgba(229,185,84,.38)!important;border-radius:12px!important;background:rgba(5,16,28,.46)!important}.travel-public .p15-logo:before,.travel-public .p15-logo:after{width:21px!important;height:7px!important;border-width:1.5px!important}.travel-public .p15-logo i{height:22px!important;width:3px!important}.travel-public .p15-brand strong{font-size:15px!important;letter-spacing:.06em!important}.travel-public .p15-brand small{font-size:7px!important;letter-spacing:.27em!important;margin-top:1px!important}.travel-public .p15-links{gap:24px!important;font-size:11px!important}.travel-public .p15-btn{min-height:42px!important;border-radius:11px!important;font-size:12px!important}
.travel-public .p15-heroin{min-height:820px!important;padding-top:135px!important;padding-bottom:72px!important;grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr)!important;gap:56px!important}.travel-public .p15-copy{max-width:690px!important}.travel-public .p15-copy .eyebrow{font-size:10px!important;padding:7px 12px!important;letter-spacing:.04em!important}.travel-public .p15-copy h1{font-size:clamp(54px,5.5vw,82px)!important;line-height:1.03!important;letter-spacing:-.045em!important;margin:22px 0 18px!important;text-wrap:balance}.travel-public .p15-copy h1 em{color:#f0c96f!important}.travel-public .p15-copy p{font-size:16px!important;line-height:2!important;max-width:620px!important;color:#d4dbe3!important}.travel-public .p15-cta{margin-top:27px!important}.travel-public .p15-checks{margin-top:23px!important;gap:10px!important}.travel-public .p15-checks span{font-size:10px!important;padding:7px 10px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important}.travel-public .p15-product{transform:perspective(1500px) rotateY(-3deg) rotateX(1deg)!important}.travel-public .p15-window{border-radius:24px!important;box-shadow:0 35px 90px rgba(0,0,0,.45),0 0 0 1px rgba(240,201,111,.14)!important}.travel-public .p15-welcome{font-size:25px!important}.travel-public .p15-kpi b{font-size:24px!important;font-variant-numeric:tabular-nums!important}.travel-public .p15-head h2{letter-spacing:-.025em!important;text-wrap:balance}.travel-public .p15-feature h3,.travel-public .p15-sector h3{letter-spacing:-.015em!important}
@media(max-width:980px){body.auth-page{background:#f7f3ec!important}.auth-page .auth-shell{padding:20px!important}.auth-page .auth-card{width:min(720px,100%)!important;border-radius:24px!important}.auth-page .auth-grid{grid-template-columns:1fr!important;min-height:0!important}.auth-page .auth-left{display:none!important}.auth-page .auth-right{padding:48px 50px 54px!important}.travel-public .p15-heroin{grid-template-columns:1fr!important;min-height:auto!important;padding-top:116px!important}.travel-public .p15-copy{max-width:760px!important}.travel-public .p15-copy h1{font-size:clamp(50px,9vw,74px)!important}.travel-public .p15-product{width:min(780px,100%)!important;transform:none!important}}
@media(max-width:650px){body.auth-page{background:#f9f6f0!important}.auth-page .auth-shell{padding:0!important}.auth-page .auth-card{min-height:100svh!important;border-radius:0!important;border:0!important;box-shadow:none!important}.auth-page .auth-top{height:64px!important;min-height:64px!important;padding:0 16px!important}.auth-page .auth-brand .logo{width:36px!important;height:36px!important;border-radius:10px!important}.auth-page .auth-brand .logo img{width:27px!important;height:27px!important}.auth-page .auth-brand .t{display:none!important}.auth-page .auth-actions .btn{height:34px!important;min-height:34px!important;padding:0 10px!important;font-size:10px!important}.auth-page .auth-right{padding:34px 22px 44px!important}.auth-page .auth-right>div:first-child{margin-bottom:25px!important}.auth-page .auth-right h2{font-size:30px!important;margin-top:10px!important}.auth-page .auth-right .small{font-size:11.5px!important}.auth-page .auth-form>input:not([type=checkbox]),.auth-page .auth-form>select{height:54px!important;min-height:54px!important;border-radius:14px!important}.auth-page .auth-help-row{align-items:center!important}.auth-page .auth-right>.small:last-child{padding:0 8px!important;line-height:1.8!important}.travel-public .p15-wrap{width:calc(100% - 32px)!important}.travel-public .p15-navin{height:66px!important}.travel-public .p15-brand{gap:8px!important}.travel-public .p15-logo{width:34px!important;height:34px!important}.travel-public .p15-brand strong{font-size:12px!important}.travel-public .p15-brand small{display:none!important}.travel-public .p15-actions .p15-btn:first-child{display:none!important}.travel-public .p15-actions .p15-btn.gold{min-height:36px!important;padding:0 11px!important;font-size:10px!important}.travel-public .p15-heroin{padding-top:96px!important;padding-bottom:48px!important;gap:30px!important}.travel-public .p15-copy{text-align:start!important}.travel-public .p15-copy .eyebrow{font-size:9px!important}.travel-public .p15-copy h1{font-size:clamp(42px,12vw,56px)!important;line-height:1.08!important;margin:18px 0 14px!important;max-width:360px!important}.travel-public .p15-copy p{font-size:13px!important;line-height:1.9!important}.travel-public .p15-cta{gap:8px!important;margin-top:21px!important}.travel-public .p15-cta .p15-btn{flex:1!important;padding:0 10px!important}.travel-public .p15-checks{display:grid!important;grid-template-columns:1fr 1fr!important}.travel-public .p15-checks span:last-child{grid-column:1/-1!important;width:max-content!important}.travel-public .p15-product{margin-top:2px!important}.travel-public .p15-window{border-radius:18px!important}.travel-public .p15-main{padding:12px!important}.travel-public .p15-welcome{font-size:18px!important}.travel-public .p15-kpi{padding:12px!important}.travel-public .p15-kpi b{font-size:20px!important}.travel-public .p15-paper{padding-top:48px!important}.travel-public .p15-head h2{font-size:31px!important;line-height:1.25!important}.travel-public .p15-features{grid-template-columns:1fr!important}.travel-public .p15-feature{padding:22px 18px!important;text-align:start!important}}
