.brand-compass{width:48px;height:48px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #e7d3a266,0 0 18px #e7d3a222;flex:0 0 48px}
.auth-view{position:relative;overflow:hidden}
.landing-cinema{position:absolute;z-index:0;right:-4%;top:-30px;width:min(980px,78%);height:520px;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 62%,transparent 96%),linear-gradient(#000 70%,transparent)}
.cinema-plate{width:100%;height:100%;object-fit:cover;opacity:.72;border-radius:24px;filter:saturate(1.05)}
.cinema-ship{position:absolute;width:168px;left:8%;bottom:18%;mix-blend-mode:screen;animation:lane-sail 26s linear infinite;filter:drop-shadow(0 12px 18px #0008)}
.arrival-story,.auth-card{position:relative;z-index:1}
.landing-path{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 8px;padding:0}
.landing-path li{margin:0;padding:12px 12px 12px 14px;border:1px solid #d7c48a33;border-radius:12px;background:linear-gradient(160deg,#101c28cc,#18283888);min-height:72px}
.landing-path b{display:block;color:#f0e2c4;font-size:13px;margin-bottom:4px}
.landing-path span{display:block;color:#b7c9cf;font-size:12px;line-height:1.45}
.lane-panel{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;margin:0 0 16px;padding:12px;border:1px solid #d7c48a44;border-radius:12px;background:linear-gradient(165deg,#243246d0,#152433f2)}
.lane-compass{width:72px;height:72px;border-radius:50%;object-fit:cover}
.lane-panel h3{font:22px Georgia,serif;color:#f0e2c4;margin:4px 0 8px}
.lane-panel p{font-size:12px;line-height:1.55;color:#c5d5da;margin:0 0 8px}
.lane-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.lane-fields label{display:block;font-size:11px;color:#d5e0d8}
.lane-fields select,.lane-fields input{width:100%;margin-top:4px;min-height:44px}
.lane-actions{display:flex;gap:8px;margin:8px 0 12px}
.lane-actions button{flex:1;min-height:44px}
.lane-voyages{display:grid;gap:8px}
.lane-voyage{display:grid;gap:3px;padding:8px;border-radius:8px;background:#101c2888}
.lane-voyage b{font-size:12px;color:#f0e2c4}
.lane-voyage small{color:#b7c9cf}
.lane-panel .lane-cost,.lane-panel .lane-readiness{font-size:13px;overflow-wrap:anywhere}
.lane-readiness{padding:8px 10px;border-left:3px solid #ec9a42;background:#ec9a4210;border-radius:4px}
.lane-readiness[data-status="ready"]{border-color:#70d39e;color:#9ce6bd;background:#70d39e10}
.lane-readiness[data-status="attention"]{color:#ffd29a;animation:lane-attention 2.5s ease-in-out infinite}
@keyframes lane-attention{50%{border-color:#ffbd71;background:#ec9a4222}}
@media(prefers-reduced-motion:reduce){.lane-readiness[data-status="attention"]{animation:none}}
.lane-pill img{width:42px;height:42px;object-fit:cover;border-radius:8px;mix-blend-mode:screen}
@keyframes lane-sail{0%{transform:translateX(0)}50%{transform:translateX(80px) translateY(-8px)}100%{transform:translateX(0)}}
@media(max-width:880px){.landing-cinema{position:relative;right:auto;top:auto;width:100%;height:220px;margin-bottom:8px;mask-image:linear-gradient(#000 65%,transparent)}.cinema-ship{width:110px}.landing-path{grid-template-columns:1fr}.lane-panel{grid-template-columns:56px minmax(0,1fr)}.lane-compass{width:56px;height:56px}}
@media(max-width:560px){.landing-path li{min-height:0}.lane-fields,.lane-crews{grid-template-columns:1fr}.lane-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.cinema-ship{animation:none}}