:root{--brown:#3a2d28;--cream:#f5f0e9;--paper:#fffdf9;--gold:#b99462;--ink:#2c2421;--muted:#756a64}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--cream);color:var(--ink);font-family:Avenir,"Avenir Next",Arial,sans-serif;font-weight:300}
.shell{width:min(920px,calc(100% - 32px));margin:32px auto}.brand{background:var(--brown);border-radius:20px 20px 0 0;text-align:center;padding:22px}.brand img{display:block;width:min(280px,72%);height:92px;object-fit:cover;object-position:center 51%;margin:auto}
.panel{background:var(--paper);padding:clamp(32px,7vw,72px);border-radius:0 0 20px 20px;box-shadow:0 16px 50px rgba(58,45,40,.12);text-align:center}.eyebrow{color:var(--gold);font-size:.74rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
h1,h2{font-family:"DM Serif Display",Baskerville,"Baskerville Display PT",Georgia,serif;font-weight:400}h1{font-size:clamp(2.35rem,7.5vw,4.95rem);line-height:.98;margin:.18em 0}.subtitle{font-size:clamp(.78rem,2vw,1rem);letter-spacing:.2em;text-transform:uppercase;margin:16px 0 34px}
.button,button{display:inline-block;border:0;border-radius:10px;background:var(--brown);color:#fff;padding:15px 28px;font:500 1rem Avenir,"Avenir Next",Arial,sans-serif;text-decoration:none;cursor:pointer}form{max-width:420px;margin:28px auto 0;text-align:left}label{display:block;font-size:.82rem;font-weight:500;margin-bottom:8px}input{width:100%;border:1px solid #d8cec6;border-radius:10px;padding:14px;font:300 1rem Avenir,"Avenir Next",Arial,sans-serif;background:#fff}input:focus{outline:2px solid var(--gold);outline-offset:2px}button{width:100%;margin-top:14px}.error{color:#9c2f2f;font-size:.88rem}
.trip-list{display:grid;gap:16px;margin:36px 0;text-align:left}.trip{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border:1px solid #e3d9d1;border-radius:14px;background:#fff}.trip h2{font-size:1.65rem;margin:0 0 5px}.trip p{color:var(--muted);margin:0}.trip .button{white-space:nowrap;padding:12px 20px}.logout{display:inline-block;margin-top:18px;color:var(--brown)}footer{text-align:center;color:var(--muted);font-size:.78rem;letter-spacing:.1em;padding:0 0 24px}
@media(max-width:700px){.shell{margin:16px auto;width:min(100% - 20px,920px)}.panel{padding:36px 20px}.brand img{height:70px}.trip{align-items:flex-start;flex-direction:column}.trip .button{width:100%;text-align:center}}