:root{
  --navy:#123956;--cream:#fbf7ef;--paper:#fffdf8;--sand:#eadcc7;
  --coral:#cf513c;--green:#7d9f79;--ink:#17354d;--muted:#667684;
  --line:#dfd3c2;--danger:#a93c32;--serif:Georgia,"Times New Roman",serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--sans)}
button,input{font:inherit}
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px max(18px,calc((100vw - 760px)/2));background:rgba(251,247,239,.97);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;min-height:32px;text-decoration:none;margin-left:-7px}.brand-logo{display:block;width:178px;max-width:44vw;height:auto}
.account-header{display:flex;align-items:center;gap:10px;min-width:0}.account-header span{max-width:44vw;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.shell{max-width:760px;margin:auto;padding:34px 18px 80px}.auth-grid{display:grid;gap:12px}
.eyebrow{margin:0;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
h1{font:500 clamp(35px,9vw,54px)/1.06 var(--serif);letter-spacing:-.035em;color:var(--navy);margin:8px 0 14px}h2{font:600 24px/1.2 var(--serif);color:var(--navy)}
.lead{font-size:17px;color:#455d6f}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0;box-shadow:0 5px 20px rgba(31,62,82,.04)}
label{display:block;font-weight:750;margin-bottom:5px}.help{color:var(--muted);font-size:13px;margin:0 0 8px}
input{width:100%;min-height:48px;border:1.5px solid #cfc2b0;border-radius:12px;background:#fffdfa;padding:12px 13px;margin-bottom:12px;color:var(--ink)}
input:focus{outline:3px solid rgba(31,79,110,.18);border-color:var(--navy)}
.button{min-height:44px;border:0;border-radius:12px;padding:10px 15px;font-weight:750;cursor:pointer}.button:focus-visible{outline:3px solid #e3a942;outline-offset:2px}
.primary{background:var(--coral);color:white}.secondary{background:white;color:var(--navy);border:1px solid var(--line)}.ghost{background:transparent;color:var(--navy)}
.link-button{display:inline-flex;align-items:center;text-decoration:none}.link-button.disabled{opacity:.55;cursor:not-allowed}.actions{display:flex;gap:9px;flex-wrap:wrap}.status{min-height:24px;color:var(--muted)}.status.error{color:var(--danger)}.status.ok{color:#356541}
.register-card{margin-top:18px}.register-card h2{margin:0 0 6px}.register-card .button:disabled{opacity:.65;cursor:wait}
.notice{border-left:4px solid var(--green)}.notice.error{border-left-color:var(--danger)}
.trip-list{display:grid;gap:11px}.trip-card{display:block;text-decoration:none;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px}.trip-card:hover{border-color:var(--green)}.trip-card strong{display:block;color:var(--navy);font:600 22px/1.2 var(--serif)}.trip-card span{display:block;color:var(--muted);margin-top:5px}
.trip-details{display:grid;gap:12px}.trip-details div{padding-bottom:10px;border-bottom:1px solid var(--line)}dt{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--muted)}dd{margin:2px 0 0}.plan-summary{padding:13px;background:#e3ede0;border-radius:12px}
@media(min-width:700px){.auth-grid{grid-template-columns:1.1fr .9fr;align-items:start}.auth-grid>div{padding-top:28px}.trip-details{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.brand-logo{width:162px}}