.signin .app{max-width:1320px;padding:36px 40px}
.signin .si{min-height:calc(100svh - 72px);padding:0;gap:64px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.auth-card.glass.strong{max-width:460px;padding:32px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.9);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);box-shadow:0 22px 54px -30px rgba(67,83,140,.3),0 2px 8px rgba(67,83,140,.04),inset 0 1px 0 rgba(255,255,255,.85)}
.auth-card-top{display:flex;align-items:center;justify-content:flex-end;margin-bottom:24px}
.auth-card .auth-card-top .lang{width:auto;margin:0;padding:4px;background:rgba(225,231,247,.55);flex:none}
.auth-card .auth-card-top .lang button{flex:none;padding:7px 10px;font-size:11px}
.auth-card h2{font-size:28px;letter-spacing:-.035em;margin-bottom:7px}
.auth-card .lead{font-size:13px;line-height:1.6;color:#788399;margin-bottom:24px}
.auth-card .stack{gap:20px}
.auth-card .fl>span{font-size:10px;letter-spacing:.09em;color:#68748c}
.auth-card .in{min-height:51px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(88,111,157,.1),inset 0 1px 0 rgba(255,255,255,.65);border-radius:16px;font-size:14px;padding:13px 15px;transition:border-color .2s,box-shadow .2s}
.auth-card .in:focus{border-color:#709cf1;box-shadow:0 0 0 3px #5385ee16}
.auth-card .in::placeholder{color:#a0a9bb}
.auth-card .btn.pri{min-height:48px;border-radius:999px;margin-top:4px;background:var(--grad);box-shadow:0 8px 18px -8px rgba(47,111,237,.55),inset 0 1px 0 rgba(255,255,255,.25);font-size:14px}
@media(max-width:1060px){.signin .app{padding:28px 24px}.signin .si{gap:32px;min-height:calc(100svh - 56px)}}
@media(max-width:760px){.signin .app{padding:28px 18px}.signin .si{grid-template-columns:1fr;gap:26px;min-height:0}.auth-card.glass.strong{padding:24px;border-radius:24px}.auth-card-top{margin-bottom:22px}.auth-card h2{font-size:25px}.auth-card .lead{margin-bottom:20px}}
.si-l.signin-story h1{padding-left:0;font-size:clamp(56px,6vw,88px);line-height:1.12;letter-spacing:-.055em;margin:0 0 16px}
.si-l.signin-story h1::before{display:none}
.si-l.signin-story h1 b{font-weight:600;background:linear-gradient(105deg,#2865de,#598bec 65%,#8d7bdb);background-clip:text;-webkit-background-clip:text}
.si-l.signin-story>p{font-size:15px;line-height:1.75;max-width:470px;color:#637089}
@media(max-width:760px){.si-l.signin-story h1{font-size:54px;margin-bottom:10px}.si-l.signin-story>p{font-size:13px;line-height:1.65}.signin-story .journey{margin-top:12px}}
.journey{max-width:640px;margin:28px -12px 0;position:relative;isolation:isolate}
.journey-heading{display:flex;align-items:center;justify-content:flex-end;padding:0 20px}
.journey-pause{width:32px;height:32px;border:1px solid rgba(136,161,210,.2);border-radius:50%;background:rgba(255,255,255,.5);color:#7086ad;display:grid;place-items:center;cursor:pointer;flex:none;font-size:12px}
.journey-pause:hover{background:#fff;color:var(--acc)}
.journey-pause:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.journey-art{width:100%;display:block;overflow:visible}
.journey-art text{font:500 13px var(--sans);fill:#596b88}
.journey-art .portal-name{font:600 20px var(--disp);fill:#355caa;letter-spacing:-.5px}
.journey-float{animation:journey-float 6s ease-in-out infinite}
.hotel-art{animation-delay:-2s}.team-art{animation-delay:-4s}
.journey-orbit{transform-origin:319px 165px;animation:journey-orbit 48s linear infinite}
.journey-packet{offset-rotate:0deg;filter:drop-shadow(0 0 4px #7aa9ff);animation:journey-packet 12s linear infinite;opacity:0}
.packet-agent{offset-path:path('M149 191 C211 191 222 165 285 165')}
.packet-hotel{offset-path:path('M352 153 C411 153 402 91 483 91');animation-delay:3s}
.packet-team{offset-path:path('M352 181 C410 181 403 253 482 253');animation-delay:3.7s}
.packet-return{offset-path:path('M482 269 C382 335 234 294 146 213');animation-delay:7s}
.journey-envelope{offset-path:path('M149 191 C211 191 222 165 285 165');offset-rotate:0deg;animation:journey-packet 12s linear infinite;filter:drop-shadow(0 4px 4px #a5bde955)}
.journey-confirm{animation:journey-confirm 12s ease infinite;transform-box:fill-box;transform-origin:center}
.hotel-confirm{animation-delay:3s}.team-confirm{animation-delay:3.7s}
.journey-sparkles{animation:journey-shimmer 6s ease-in-out infinite}
.journey.is-paused *{animation-play-state:paused!important}
@keyframes journey-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes journey-orbit{to{transform:rotate(360deg)}}
@keyframes journey-packet{0%{offset-distance:0%;opacity:0}4%{opacity:1}23%{opacity:1}27%,100%{offset-distance:100%;opacity:0}}
@keyframes journey-confirm{0%,24%,85%,100%{opacity:.35;transform:scale(.85)}32%,72%{opacity:1;transform:scale(1)}}
@keyframes journey-shimmer{0%,100%{opacity:.35}50%{opacity:.85}}
@media(hover:hover){.portal-art>rect{transition:filter .3s}.journey:hover .portal-art>rect{filter:drop-shadow(0 5px 12px #668fec55)}}
@media(max-width:760px){.journey{max-width:430px;margin:16px auto 0}.journey-heading{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.journey *{animation:none!important;transition:none!important}.journey-packet,.journey-envelope{display:none}.journey-confirm{opacity:1}.journey-pause{display:none}}

.auth-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #6e88b516}
.auth-links button{border:0;background:none;padding:6px 0;font-size:12px;font-weight:500;color:#62799f;cursor:pointer;min-height:32px}
.auth-links button:hover{color:#2f6fed}
.auth-links button:focus-visible{outline:2px solid #2f6fed;outline-offset:4px;border-radius:3px}