:root{--account-ink:#12362e;--account-coral:#ec6b4d;--account-cream:#faf6ec;--account-line:#d9d9d1}
.account-page{margin:0;background:var(--account-cream);color:var(--account-ink)}
.account-main{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1fr);gap:clamp(2rem,6vw,6rem);align-items:start;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(3rem,7vw,7rem) 0}
.account-intro{position:sticky;top:2rem;padding-top:1rem}
.account-intro h1{max-width:650px;margin:.5rem 0 1.2rem;font:600 clamp(3rem,6vw,6.2rem)/.9 "Playfair Display",Georgia,serif;letter-spacing:-.065em}
.account-intro h1 em{color:var(--account-coral)}
.account-intro>p:last-child{max-width:560px;color:#5c7168;font-size:1rem;line-height:1.7}
.account-card{padding:clamp(1.25rem,3vw,2rem);border:1px solid #e8e1d6;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(18,54,46,.08)}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:1.3rem;padding:.35rem;border-radius:16px;background:#f0ebe0}
.account-tabs button{min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--account-ink);font:800 .78rem "DM Sans",Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.account-tabs button[aria-selected="true"]{background:var(--account-ink);color:#fff;box-shadow:0 6px 16px rgba(18,54,46,.18)}
[data-auth-form],.account-registration-fields,.account-code{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
[data-auth-form]>label,.account-field-wide,.account-registration-fields .account-field-wide,.account-status,.account-primary,.account-code{grid-column:1/-1}
.account-card label{display:grid;gap:.42rem;color:var(--account-ink);font-size:.75rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
.account-card label small{font-weight:600;color:#718079}
.account-card input,.account-card textarea{width:100%;border:1px solid var(--account-line);border-radius:13px;background:#fdfcf8;color:#17352e;font:500 1rem "DM Sans",Arial,sans-serif;padding:.9rem 1rem;outline:none;text-transform:none;letter-spacing:0}
.account-card input:focus,.account-card textarea:focus{border-color:var(--account-coral);box-shadow:0 0 0 3px rgba(236,107,77,.14)}
.account-card .account-consent{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem;border:1px solid #e5dfd5;border-radius:13px;background:#faf7f0;font-size:.7rem;line-height:1.45;text-transform:none}.account-card .account-consent input{flex:0 0 auto;width:19px;height:19px;margin:1px 0 0;padding:0;accent-color:var(--account-ink)}
.account-primary,.account-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1rem;border:0;border-radius:14px;background:var(--account-ink);color:#fff;font:800 .78rem "DM Sans",Arial,sans-serif;text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.055em}
.account-primary:disabled{opacity:.55}.account-coral{background:var(--account-coral)}
.account-status{min-height:1.5rem;margin:0;color:#5c7168;font-size:.82rem;text-align:center}.account-status.is-error{color:#a92727}.account-status.is-success{color:#24713c}
.account-role-note{margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid #ece8df;color:#687b72;font-size:.72rem;line-height:1.55;text-align:center}
.account-profile h2{margin:.3rem 0;font:600 2.4rem "Playfair Display",Georgia,serif}.account-profile>p{color:#687b72}
.account-role-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.account-role-badges span{padding:.4rem .7rem;border-radius:999px;background:#e7f1ed;font-size:.67rem;font-weight:800;text-transform:uppercase}
.account-details{display:grid;grid-template-columns:max-content 1fr;gap:.65rem 1rem;padding:1rem 0;border-block:1px solid #ece8df;font-size:.8rem}.account-details dt{font-weight:800}.account-details dd{margin:0;color:#687b72}
.account-profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.2rem}.account-profile-actions [data-my-trip]{grid-column:1/-1}.account-secondary{border:1px solid var(--account-line);background:#fff;color:var(--account-ink)}.account-logout{cursor:pointer;color:#a92727}
@media(max-width:820px){.account-main{grid-template-columns:1fr;padding:2.2rem 0 4rem}.account-intro{position:static}.account-intro h1{font-size:clamp(2.8rem,14vw,4.8rem)}.account-intro>p:last-child{font-size:.9rem}}
@media(max-width:520px){.account-main{width:min(100% - 20px,1180px);gap:1.4rem}.account-card{padding:1rem;border-radius:18px}[data-auth-form],.account-registration-fields,.account-code{grid-template-columns:1fr}.account-registration-fields>*{grid-column:1}.account-profile-actions{grid-template-columns:1fr}.account-profile-actions>*{grid-column:1!important}}
