.auth-page,.account-page{padding:34px clamp(24px,7vw,104px) 70px;background:radial-gradient(circle at 8% 8%,rgba(11,103,240,.08),transparent 28%),linear-gradient(180deg,#f7fbff,#fff 40%,#fff)}.auth-layout{display:grid;grid-template-columns:minmax(300px,500px) minmax(280px,1fr);gap:28px;align-items:stretch;max-width:1120px;margin:0 auto}.auth-card,.auth-side,.account-panel,.account-sidebar,.account-row{background:var(--color-white);border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 18px 44px #0c2b5b14}.auth-card,.auth-side{padding:clamp(24px,4vw,36px)}.auth-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#fffffffa,#f7fbfff0),var(--color-white);border-radius:14px;box-shadow:0 22px 58px #0c2b5b1f}.auth-card h1,.account-header h1{margin:8px 0 10px;color:#07124a;font-size:clamp(38px,5vw,54px);line-height:1.06;letter-spacing:0}.auth-card p,.auth-side p,.account-header p{color:#07124a;line-height:1.55}.auth-form{display:grid;gap:14px;margin-top:20px}.auth-confidence-grid,.account-header-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.auth-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.auth-readiness-grid article{display:grid;gap:7px;min-height:110px;padding:14px;color:var(--color-blue-900);background:linear-gradient(135deg,#fffffffa,#e8f2ffb8),var(--color-white);border:1px solid #dfe7f3;border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e}.auth-readiness-grid span{color:var(--color-slate-600);line-height:1.45}.auth-confidence-grid span,.account-header-badges span{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;color:var(--color-blue-900);background:#e8f2ffe0;border:1px solid rgba(11,103,240,.16);border-radius:var(--radius-control);font-size:13px;font-weight:900;line-height:1.2}.auth-form .field input{min-height:52px;color:#07124a;background:#fbfdff;border:1px solid #d8e3f2;border-radius:10px}.auth-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--color-blue-700);font-weight:800}.existing-session-prompt{display:grid;gap:10px;margin-top:18px;margin-bottom:8px;padding:16px;background:linear-gradient(135deg,#fff,#e8f2ffd6);border:1px solid #d8e3f2;border-radius:14px;box-shadow:0 12px 30px #0c2b5b14}.existing-session-prompt span{width:fit-content;min-height:30px;padding:7px 10px;color:var(--color-blue-900);background:#e8f2ffe0;border:1px solid rgba(11,103,240,.16);border-radius:999px;font-size:12px;font-weight:900;line-height:1.2;text-transform:uppercase}.existing-session-prompt strong{color:#07124a;font-size:18px}.existing-session-prompt p,.existing-session-prompt small{color:var(--color-slate-600);line-height:1.5}.existing-session-actions{display:flex;flex-wrap:wrap;gap:10px}.auth-routing-hint{display:grid;gap:4px;margin-top:18px;padding:14px;color:var(--color-blue-900);background:linear-gradient(135deg,#fffffffa,#e8f2ffc7);border:1px solid #d8e3f2;border-radius:12px;box-shadow:0 10px 26px #0c2b5b0e}.auth-routing-hint strong{font-size:14px}.auth-routing-hint span{color:var(--color-slate-600);line-height:1.5}.auth-notice{margin-top:16px;padding:13px 14px;color:var(--color-blue-800);background:linear-gradient(135deg,#ffffff,var(--color-blue-100));border:1px solid #d8e3f2;border-radius:12px;font-size:14px;font-weight:700}.auth-side{display:grid;align-content:end;overflow:hidden;min-height:560px;background:linear-gradient(180deg,#ffffff2e,#07124ad1),url(/assets/yaalah-app-phones-reference-DmU1c_XD.png) center 42px / min(420px,86%) auto no-repeat,url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) center / cover no-repeat;border-radius:14px;box-shadow:0 22px 58px #0c2b5b1f}.auth-side h2{margin:8px 0 0;color:#fff;font-size:clamp(28px,3.6vw,42px);line-height:1.08;letter-spacing:0}.auth-side .eyebrow,.auth-side p{color:#fff}.auth-side ul{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.auth-side li{padding:12px;color:var(--color-blue-900);background:#ffffffeb;border:1px solid rgba(255,255,255,.42);border-radius:12px;font-weight:800}.auth-side-note{margin:16px 0 0;padding:12px;color:#fff;background:#07124a6b;border:1px solid rgba(255,255,255,.24);border-radius:12px;font-weight:800}.account-header{display:flex;justify-content:space-between;gap:18px;align-items:end;max-width:1180px;padding:clamp(26px,4vw,42px);margin:0 auto 22px;background:linear-gradient(90deg,#fffffffa,#e8f2ffeb 52%,#ffffff5c),url(/assets/yaalah-hero-aircraft-reference-Ck1I_gNR.png) right 9% center / min(370px,34vw) auto no-repeat,url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) right center / cover no-repeat;border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 22px 58px #0c2b5b1f}.account-header>div{max-width:600px}.account-header h1{color:#07124a;font-size:clamp(38px,5vw,58px);line-height:1.04}.account-header p{color:#07124a;font-size:18px;line-height:1.5}.account-session-panel{display:grid;gap:5px;min-width:min(100%,260px);padding:14px;background:#ffffffdb;border:1px solid rgba(11,31,71,.1);border-radius:12px;box-shadow:var(--shadow-soft)}.account-session-panel strong{color:var(--color-blue-900);font-size:18px}.account-session-panel span,.account-session-panel small{color:var(--color-slate-600);line-height:1.35}.account-session-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.account-session-panel.active{border-color:#0874433d}.account-session-panel.signed-out{border-color:#f5932452}.account-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;max-width:1180px;margin:0 auto;align-items:start}.account-sidebar{position:sticky;top:92px;display:grid;gap:6px;padding:12px;background:linear-gradient(180deg,#fffffffa,#e8f2ff9e),var(--color-white)}.account-sidebar a{padding:11px 12px;color:var(--color-slate-700);border-radius:var(--radius-control);font-weight:800}.account-sidebar a:hover{color:var(--color-blue-700);background:var(--color-blue-100)}.account-content{display:grid;gap:16px}.account-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-status-grid article{display:grid;gap:6px;min-height:112px;padding:16px;background:var(--color-white);border:1px solid #dfe7f3;border-radius:14px;box-shadow:0 12px 30px #0c2b5b12}.account-status-grid strong{color:var(--color-blue-900)}.account-status-grid span{color:var(--color-slate-600);font-size:13px;line-height:1.45}.account-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.account-readiness-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-readiness-strip article{display:grid;gap:7px;min-height:116px;padding:16px;color:var(--color-blue-900);background:linear-gradient(135deg,#fffffffa,#fff8ecc7),var(--color-white);border:1px solid rgba(245,147,36,.22);border-radius:14px;box-shadow:0 12px 30px #0c2b5b11}.account-readiness-strip span{color:var(--color-slate-600);font-size:13px;line-height:1.45}.account-continuity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-continuity-grid article{display:grid;gap:7px;min-height:116px;padding:16px;color:var(--color-blue-900);background:linear-gradient(135deg,#fffffffa,#fff8ecc7),var(--color-white);border:1px solid rgba(245,147,36,.22);border-radius:14px;box-shadow:0 12px 30px #0c2b5b11}.account-continuity-grid span{color:var(--color-slate-600);font-size:13px;line-height:1.45}.account-panel{padding:clamp(18px,3vw,24px)}.account-panel.featured{background:linear-gradient(120deg,#fffffffa,#e8f2ffc2),var(--color-white)}.account-panel h2{margin:0 0 14px;color:var(--color-blue-900)}.account-panel-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.account-panel-head h2{margin-bottom:6px}.account-panel-head p{margin:0;color:var(--color-slate-600);line-height:1.45}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-actions a{display:grid;min-height:86px;align-content:center;padding:14px;color:var(--color-blue-800);background:linear-gradient(135deg,#fffffff5,#e8f2ffd1),var(--color-blue-100);border:1px solid #d8e3f2;border-radius:12px;font-weight:900;box-shadow:0 10px 26px #0c2b5b0e;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.quick-actions a:hover{background:var(--color-white);border-color:#0b67f047;box-shadow:0 16px 34px #0c2b5b1a;transform:translateY(-1px)}.account-row-list{display:grid;gap:10px}.account-row{display:grid;grid-template-columns:1fr max-content max-content;gap:12px;align-items:center;padding:16px;box-shadow:0 10px 26px #0c2b5b0e}.account-row div{display:grid;gap:4px}.account-row span,.account-row small{color:var(--color-slate-600)}.protected-account-row{background:linear-gradient(135deg,#fffffffa,#fff8ecd1),var(--color-white);border-color:#f5932447}.account-empty-state{background:linear-gradient(135deg,#fffffffa,#f7fbffe6),var(--color-white);border-color:#0b1f4714}.account-empty-state span{max-width:760px;line-height:1.45}.support-account-row{grid-template-columns:1fr max-content max-content}.support-account-row small{max-width:720px;line-height:1.45}.trip-status-row{grid-template-columns:minmax(0,1fr) max-content minmax(220px,320px)}.payment-status-row{grid-template-columns:minmax(0,1fr) max-content minmax(200px,300px)}.trip-status-row small,.payment-status-row small{max-width:760px;line-height:1.45}.account-payment-sync{display:inline-flex;width:fit-content;max-width:100%;padding:6px 8px;background:#2196f314;border:1px solid rgba(33,150,243,.16);border-radius:var(--radius-control);color:var(--color-blue-900);font-weight:800}.trip-next-step{display:grid;gap:8px;justify-items:end;color:var(--color-slate-700)}.trip-next-step small{text-align:right}.payment-row-action{display:grid;gap:8px;justify-items:end}.payment-row-action small{text-align:right}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-grid .field input{min-height:52px;color:#07124a;background:#fbfdff;border:1px solid #d8e3f2;border-radius:10px}.account-settings-locked .settings-grid .field input{color:var(--color-slate-600);background:#f4f7fb;cursor:not-allowed}.account-settings-locked:after{display:block;margin-top:12px;color:var(--color-slate-600);font-size:13px;font-weight:800;content:"Account settings are read-only until a protected customer session is active."}@media(max-width:980px){.auth-layout,.auth-readiness-grid,.account-layout,.account-status-grid,.account-readiness-strip,.account-continuity-grid,.quick-actions,.settings-grid{grid-template-columns:1fr}.account-sidebar{position:static}.account-header{align-items:flex-start;flex-direction:column;background:linear-gradient(180deg,#fffffffa,#e8f2ffe6),url(/assets/yaalah-flight-sky-Dr-TPv8V.jpg) center top / cover no-repeat}.account-session-panel{width:100%}}@media(max-width:640px){.account-row,.trip-status-row,.payment-status-row,.support-account-row,.account-empty-state{grid-template-columns:1fr}.trip-next-step,.payment-row-action{justify-items:stretch}.trip-next-step small,.payment-row-action small{text-align:left}.account-panel-head{flex-direction:column}.account-panel-head a,.support-account-row a,.payment-row-action a,.account-session-actions a,.account-session-actions button{width:100%}.auth-confidence-grid span,.account-header-badges span,.existing-session-prompt span{flex:1 1 100%}.account-card-actions>*{width:100%}.auth-routing-hint{padding:13px}.existing-session-actions a{width:100%}}
