.welcome-frame .auth-content{padding:0}.welcome-screen{background:#f7fbfb;height:100dvh;position:relative;overflow:hidden}.welcome-slide-page{will-change:transform;isolation:isolate;flex-direction:column;width:100%;height:100%;transition:transform .62s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;overflow:hidden auto;box-shadow:0 0 28px #0b2d4a16}.welcome-theme-1{color:#fff;background:radial-gradient(circle at 105% 30%,#0a706e 0,#0000 42%),linear-gradient(155deg,#061d35 0%,#0b2d4a 68%,#0b4955 100%)}.welcome-theme-2{color:var(--pn-navy);background:radial-gradient(circle at -12% 70%,#c9f5ec 0,#0000 48%),#f8fcfb}.welcome-theme-3{color:var(--pn-navy);background:radial-gradient(circle at 102% 8%,#72e4d2 0,#0000 42%),linear-gradient(160deg,#e4fbf6 0%,#f7fcfb 64%,#d8f8f0 100%)}.welcome-header{z-index:2;flex:none;justify-content:center;align-items:center;height:77px;padding-inline:70px;display:flex;position:relative}.welcome-back{inset-inline-start:18px;width:43px;height:43px;color:inherit;opacity:.83;border:1px solid;border-radius:50%;place-items:center;display:grid;position:absolute;top:17px}.welcome-back svg{width:24px;height:24px}.welcome-page-number{letter-spacing:.5px;font-variant-numeric:tabular-nums;opacity:.72;font-size:11px;position:absolute;inset-inline-end:19px}.welcome-header .logo{justify-content:center}.welcome-header .logo-mark{width:43px;height:47px}.welcome-header .logo-words>span{font-size:19px}.welcome-header .logo-words small{font-size:9px}.welcome-theme-1 .logo-words>span b:first-child,.welcome-theme-1 .logo-words small{color:#fff}.welcome-theme-1 .logo-words>span b:last-child{color:#68e8d4}.welcome-body{z-index:1;flex-direction:column;flex:1;justify-content:center;gap:clamp(16px,2.4vh,24px);min-height:0;padding:4px 18px 9px;display:flex;position:relative}.welcome-copy{text-align:center;flex:none;order:2;justify-items:center;gap:5px;margin:0;padding:0 6px;display:grid}.welcome-eyebrow{color:#078b85;letter-spacing:.2px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.welcome-eyebrow>span,.welcome-eyebrow:after{content:"";background:currentColor;border-radius:4px;width:18px;height:2px;display:block}.welcome-theme-1 .welcome-eyebrow{color:#87f4df}.welcome-copy h1{color:#082946;letter-spacing:-.65px;white-space:pre-line;text-wrap:balance;margin:1px 0 0;font-size:clamp(30px,7.7vw,38px);font-weight:850;line-height:1.19}.welcome-theme-1 .welcome-copy h1{color:#fff;text-shadow:0 2px 16px #03182a75}.welcome-copy p{color:#4c6878;max-width:32ch;margin:0;font-size:clamp(14px,3.6vw,16px);font-weight:500;line-height:1.55}.welcome-theme-1 .welcome-copy p{color:#d8f3ef}.welcome-stage{flex:auto;order:1;width:100%;min-height:190px;max-height:480px;margin:0;display:flex}.welcome-scene{border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.welcome-scene-label{z-index:2;top:14px;color:#edfffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#062e3d66;border:1px solid #ffffff52;border-radius:99px;padding:5px 10px;font-size:11px;position:absolute;inset-inline-start:14px}.welcome-map-scene{background:linear-gradient(155deg,#0d4e5c,#092b47 75%);border:1px solid #67e4d442;box-shadow:inset 0 0 55px #65ecce12,0 23px 42px #06162e3c}.welcome-map-art{width:100%;height:100%;position:absolute;inset:0}.welcome-map-park{fill:#138b835e}.welcome-map-road-wide{fill:none;stroke:#a3f2df35;stroke-width:19px;stroke-linecap:round}.welcome-map-road{fill:none;stroke:#dffbf450;stroke-width:7px;stroke-linecap:round}.welcome-map-route{fill:none;stroke:#7cf5df;stroke-width:6px;stroke-linecap:round;stroke-dasharray:6 8;filter:drop-shadow(0 0 5px #3cf1d5);animation:15s linear infinite welcome-route}.welcome-map-origin{fill:#ff7368;stroke:#fff;stroke-width:4px;filter:drop-shadow(0 0 10px #ff7368)}.welcome-map-pin{z-index:2;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:62px;min-height:63px;padding:0;transition:transform .26s;display:flex;position:absolute;transform:translate(-50%,-50%)}.welcome-map-pin-1{top:39%;left:59%}.welcome-map-pin-2{top:26%;left:77%}.welcome-map-pin-3{top:59%;left:73%}.welcome-map-pin.is-selected{transform:translate(-50%,-50%)scale(1.13)}.welcome-pin-circle{color:#07304a;background:#fff;border:3px solid #42ddce;border-radius:50%;place-items:center;width:38px;height:38px;font:900 22px/1 Arial,sans-serif;display:grid;position:relative;box-shadow:0 4px 14px #041f36a8,0 0 0 7px #75eddf2b}.welcome-map-pin.is-selected .welcome-pin-circle{color:#fff;background:var(--pn-teal);box-shadow:0 4px 14px #041f36a8,0 0 0 10px #75eddf3c}.welcome-pin-name{white-space:nowrap;background:#08293fdd;border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.welcome-map-info{z-index:3;inset-inline:12px;min-height:61px;color:var(--pn-navy);background:#fffffff0;border:1px solid #ffffff40;border-radius:18px;align-items:center;gap:10px;padding:9px 12px;display:flex;position:absolute;bottom:12px;box-shadow:0 10px 22px #041f3452}.welcome-map-info-icon{color:#fff;background:var(--pn-teal);border-radius:12px;flex:none;place-items:center;width:37px;height:37px;display:grid}.welcome-map-info>span:nth-child(2){gap:1px;display:grid}.welcome-map-info small{color:#597486;font-size:10px}.welcome-map-info strong{font-size:16px}.welcome-map-info-side{color:#43867e;white-space:nowrap;margin-inline-start:auto;font-size:11px}.welcome-compare-scene{background:linear-gradient(#e4faf5,#f9fdfc);border:1px solid #c0eee5;flex-direction:column;display:flex;box-shadow:0 23px 38px #1a807123}.welcome-compare-map{flex:1;min-height:90px;position:relative;overflow:hidden}.welcome-compare-map svg{width:100%;height:100%;position:absolute;inset:0}.welcome-compare-park{fill:#9cead9aa}.welcome-compare-road{fill:none;stroke:#fff;stroke-width:18px;stroke-linecap:round}.welcome-compare-route{fill:none;stroke:#04aa9c;stroke-width:5px;stroke-linecap:round;stroke-dasharray:7 7}.welcome-compare-map-pin{color:#fff;background:#0b2d4a;border:5px solid #fff;border-radius:18px 18px 18px 5px;place-items:center;width:49px;height:49px;font:900 25px/1 Arial,sans-serif;display:grid;position:absolute;top:26%;left:66%;transform:rotate(-10deg);box-shadow:0 9px 16px #06435047}.welcome-compare-map-glow{border:2px solid #00a69a88;border-radius:50%;width:58px;height:58px;animation:2.8s ease-out infinite welcome-pulse;position:absolute;top:calc(26% - 12px);left:calc(66% - 27px)}.welcome-parking-preview{z-index:1;background:#fff;border:1px solid #e3f2f0;border-radius:19px;align-items:center;gap:9px;min-height:95px;margin:-10px 10px 0;padding:10px;display:flex;position:relative;box-shadow:0 8px 22px #0a59662a}.welcome-parking-icon{color:#fff;background:linear-gradient(145deg,#0b2d4a,#0c5360);border-radius:13px;flex:none;place-items:center;width:41px;height:41px;font:900 25px/1 Arial,sans-serif;display:grid}.welcome-parking-details{gap:2px;min-width:0;display:grid}.welcome-parking-details small,.welcome-parking-price small{color:#607c89;font-size:10px}.welcome-parking-details strong{white-space:nowrap;font-size:14px}.welcome-parking-details>span{color:#517585;font-size:11px}.welcome-parking-price{text-align:left;white-space:nowrap;gap:2px;margin-inline-start:auto;display:grid}.welcome-parking-price strong{color:#078f87;font-size:14px}.welcome-choice-row{gap:5px;padding:11px 10px 12px;display:flex}.welcome-choice-row button{color:#365c6d;white-space:nowrap;background:#fff;border:1px solid #c7e8e3;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:42px;padding:5px 3px;font-size:11px;font-weight:700;display:flex}.welcome-choice-row button.is-selected{color:#fff;background:#008f87;border-color:#009c92;box-shadow:0 5px 11px #007d722c}.welcome-choice-row button svg{flex:none;width:14px}.welcome-arrival-scene{background:linear-gradient(160deg,#17aaa0 0%,#0b777d 47%,#0b2d4a 100%);box-shadow:0 23px 40px #0b2d4a35}.welcome-arrival-scene:before{content:"";border:1px solid #e9fff681;border-radius:50%;width:280px;height:280px;position:absolute;top:-130px;left:-70px;box-shadow:0 0 0 34px #e0fff00a,0 0 0 69px #e0fff00a}.welcome-arrival-skyline{top:15%;opacity:.22;align-items:flex-end;gap:8px;height:40%;padding-inline:18px;display:flex;position:absolute;inset-inline:0}.welcome-arrival-skyline i{background:#063353;border-radius:5px 5px 0 0;flex:1;height:45%}.welcome-arrival-skyline i:nth-child(2){height:68%}.welcome-arrival-skyline i:nth-child(3){height:85%}.welcome-arrival-skyline i:nth-child(4){height:55%}.welcome-arrival-skyline i:nth-child(5){height:75%}.welcome-arrival-skyline i:nth-child(6){height:52%}.welcome-arrival-road{background:#073f5c99;border-top:2px solid #ffffff59;border-bottom:2px solid #ffffff59;justify-content:space-around;align-items:center;width:108%;height:56px;display:flex;position:absolute;top:49%;left:-4%;transform:rotate(-9deg)}.welcome-arrival-road span{background:#ffffffa8;border-radius:5px;width:31px;height:3px}.welcome-arrival-bay{z-index:1;color:#fff;background:#41cdb24d;border:3px solid #d8fff4;border-radius:16px;place-items:center;width:72px;height:92px;display:grid;position:absolute;top:28%;left:68%;transform:rotate(-9deg);box-shadow:0 0 0 9px #afffe622,0 0 24px #d2ffef5e}.welcome-arrival-bay span{font:900 42px/1 Arial,sans-serif}.welcome-arrival-car{z-index:2;color:#0b2d4a;background:#faffff;border:3px solid #fff;border-radius:17px;place-items:center;width:57px;height:57px;transition:left .9s cubic-bezier(.22,1,.36,1),top .9s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:42%;left:15%;transform:rotate(-9deg);box-shadow:0 10px 22px #06273b87}.welcome-arrival-scene.is-arrived .welcome-arrival-car{top:31%;left:69%}.welcome-arrival-scene.is-arrived .welcome-arrival-bay{background:#6eeac6a6;box-shadow:0 0 0 14px #afffe63a,0 0 35px #d2ffef}.welcome-arrival-panel{z-index:3;inset-inline:10px;min-height:67px;color:var(--pn-navy);background:#ffffffed;border:1px solid #ffffff54;border-radius:18px;align-items:center;gap:8px;padding:9px;display:flex;position:absolute;bottom:11px;box-shadow:0 12px 24px #07263f4b}.welcome-arrival-status-icon{color:#fff;background:#0a9f98;border-radius:12px;flex:none;place-items:center;width:37px;height:37px;display:grid}.welcome-arrival-panel>span:nth-child(2){gap:1px;min-width:0;display:grid}.welcome-arrival-panel small{color:#607c89;font-size:10px}.welcome-arrival-panel strong{white-space:nowrap;font-size:13px}.welcome-arrival-panel button{color:#fff;white-space:nowrap;background:#0b2d4a;border-radius:10px;align-items:center;gap:3px;min-height:36px;margin-inline-start:auto;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.welcome-arrival-panel button svg{width:14px}.welcome-footer{z-index:2;padding:11px 18px calc(18px + env(safe-area-inset-bottom));flex:none;position:relative}.welcome-dots{direction:ltr;justify-content:center;gap:8px;margin:0 auto 12px;display:flex}.welcome-dots button{background:#9bb8bb;border-radius:50%;width:9px;height:9px;padding:0;transition:width .22s,background-color .22s}.welcome-dots button[aria-current=step]{background:var(--pn-teal);border-radius:10px;width:25px}.welcome-theme-1 .welcome-dots button{background:#fff6}.welcome-theme-1 .welcome-dots button[aria-current=step]{background:#62e7d3}.welcome-cta{background:linear-gradient(100deg,#008a88,#08b9a8);border-radius:17px;width:100%;min-height:57px;font-size:18px;font-weight:800;position:relative;box-shadow:0 12px 24px #048e8240}.welcome-cta svg{width:24px;height:24px;position:absolute;inset-inline-start:17px}.welcome-back:focus-visible,.welcome-dots button:focus-visible,.welcome-scene button:focus-visible,.welcome-cta:focus-visible{outline-offset:3px;outline:3px solid #ff766b}@keyframes welcome-route{to{stroke-dashoffset:-140px}}@keyframes welcome-pulse{0%{opacity:.9;transform:scale(.65)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.welcome-slide-page,.welcome-map-pin,.welcome-arrival-car,.welcome-dots button{transition:none}.welcome-map-route,.welcome-compare-map-glow{animation:none}}@media (max-height:700px){.welcome-header{height:65px}.welcome-back{width:40px;height:40px;top:11px}.welcome-header .logo-mark{width:37px;height:41px}.welcome-header .logo-words>span{font-size:17px}.welcome-header .logo-words small{font-size:8px}.welcome-body{gap:12px;padding-block:2px 9px}.welcome-copy{gap:3px;padding-inline:2px}.welcome-copy h1{margin:0;font-size:clamp(25px,7.8vw,29px);line-height:1.17}.welcome-copy p{font-size:12.5px;line-height:1.46}.welcome-stage{min-height:190px}.welcome-footer{padding-block:7px calc(10px + env(safe-area-inset-bottom))}.welcome-dots{margin-bottom:8px}.welcome-cta{min-height:51px;font-size:16px}}