@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#d3be83;--muted:#bcb8af;--line:#443b27}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:#000;color:#f3efe5;font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.skip{position:absolute;top:-100px;left:20px;padding:12px;background:#000;z-index:2}
.skip:focus{top:12px}
header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:18px max(5vw,24px);border-bottom:1px solid var(--line)}
.last-mile-logo{display:block;width:196px;height:auto}
.back-link{font-size:12px;color:var(--gold);padding:12px 0}
.back-link span{margin-right:9px}
.back-link:hover,.help a:hover{text-decoration:underline;text-underline-offset:5px}
main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:70px 28px 38px;text-align:center}
.access{animation:arrive 700ms cubic-bezier(.22,1,.36,1) both}
.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:600;color:var(--gold);margin:0 0 25px}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(58px,6.3vw,86px);line-height:1.02;letter-spacing:.2px;margin:0}
h1 em{font-style:normal;color:var(--gold)}
.gold-rule{width:95px;height:1px;background:var(--gold);margin:26px auto}
.welcome{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;margin:0 0 11px}
.intro{max-width:445px;margin:0 auto 29px;font-size:14px;color:var(--muted);line-height:1.8}
.sign-in{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 26px;background:var(--gold);border:1px solid var(--gold);border-radius:32px;color:#0b0904;font-size:12px;font-weight:600;transition:background 200ms ease,transform 200ms ease}
.sign-in:hover{background:#e5d6a8;transform:translateY(-2px)}
.destination{font-size:10px;color:#a9a59c;margin:13px 0 33px}
.provider{display:flex;align-items:center;justify-content:center;gap:14px}
.provider span{font-size:8px;letter-spacing:1.3px;color:#aaa59b}
.provider img{display:block;width:176px;height:auto;max-height:32px}
.help{border-top:1px solid var(--line);padding-top:25px;margin-top:42px}
.help p{font-size:11px;color:var(--muted);margin:0 0 12px}
.help a{font-size:12px;color:var(--gold)}
.help a span{margin-left:12px}
footer{border-top:1px solid var(--line);padding:24px;text-align:center;font-size:9px;color:#aaa59b;line-height:1.8}
footer span{margin:0 8px}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:600px){header{padding:16px 23px}.last-mile-logo{width:155px}.back-link{font-size:10px}main{padding:50px 23px 32px}h1{font-size:61px}.intro{font-size:13px;max-width:330px}.provider{gap:12px}.provider img{width:150px}.help{margin-top:34px}.eyebrow{font-size:8px;letter-spacing:2px}footer{font-size:8px}}
@media(max-width:360px){h1{font-size:53px}.last-mile-logo{width:140px}.provider{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.access{animation:none}.sign-in{transition:none}.sign-in:hover{transform:none}}