.welcome-frame .auth-content{padding:0}.welcome-screen{background:#092b47;height:100dvh;position:relative;overflow:hidden}body:has(.preview-notice) .welcome-frame{min-height:calc(100dvh - 42px)}body:has(.preview-notice) .welcome-screen{height:calc(100dvh - 42px)}.welcome-slide-page{overscroll-behavior:contain;scrollbar-width:none;color:#fff;will-change:transform;isolation:isolate;background-color:#092b47;background-repeat:no-repeat;background-size:cover;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}.welcome-slide-page:before{content:"";z-index:0;pointer-events:none;background:#00000026;position:absolute;inset:0}.welcome-slide-page::-webkit-scrollbar{display:none}.welcome-theme-1{background-image:linear-gradient(#061e344d 0%,#061e341a 29%,#061e3400 55%,#061e3426 80%,#061e34b3 100%),url(/brand/laleh-park-parking.webp);background-position:50%,50% 56%}.welcome-theme-2{background-image:linear-gradient(#061e3459 0%,#061e3420 29%,#061e3400 55%,#061e3426 80%,#061e34b3 100%),url(/brand/tehran-tajrish-street.webp);background-position:50%,50% 57%}.welcome-theme-3{background-image:linear-gradient(#061e344d 0%,#061e341a 29%,#061e3400 55%,#061e3426 80%,#061e34b3 100%),url(/brand/tehran-open-curb-autumn.webp);background-position:50%,50% 57%}.welcome-header{z-index:1;flex:none;justify-content:center;align-items:center;height:76px;padding-inline:68px;display:flex;position:relative}.welcome-back{inset-inline-end:18px;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06283a40;border:1px solid #ffffffa8;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:17px}.welcome-back svg{width:24px;height:24px}.welcome-brand{color:#fff;letter-spacing:-.3px;text-shadow:0 2px 10px #061e3488;font-size:20px;font-weight:900}.welcome-body{z-index:1;flex:1;min-height:0;padding:clamp(46px,10vh,112px) clamp(24px,7vw,42px) 20px;position:relative}.welcome-copy{text-align:start;justify-items:start;gap:10px;max-width:440px;margin-inline:auto;display:grid}.welcome-copy h1{color:#fff;letter-spacing:-.5px;white-space:pre-line;text-wrap:balance;text-shadow:0 2px 8px #061521bd;margin:0;font-size:clamp(31px,7.8vw,42px);font-weight:900;line-height:1.36}.welcome-copy p{color:#fff;text-wrap:pretty;text-shadow:0 2px 8px #061521cc;max-width:32ch;margin:0;font-size:clamp(16px,4vw,18px);font-weight:700;line-height:1.65}.welcome-footer{z-index:1;padding:8px 18px calc(18px + env(safe-area-inset-bottom));flex:none;position:relative}.welcome-dots{direction:ltr;justify-content:center;gap:4px;margin:0 auto 8px;display:flex}.welcome-dots button{background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.welcome-dots button:before{content:"";background:#ffffffb3;border-radius:50%;width:8px;height:8px;transition:width .22s,background-color .22s}.welcome-dots button[aria-current=step]:before{background:#70eedb;border-radius:10px;width:20px}.welcome-cta{background:var(--pn-gradient-action);border-radius:17px;width:100%;min-height:58px;font-size:18px;font-weight:800;position:relative;box-shadow:0 12px 26px #001b2a55}.welcome-cta .forward-label svg{width:24px;height:24px}.welcome-back:focus-visible,.welcome-dots button:focus-visible,.welcome-cta:focus-visible{outline-offset:3px;outline:3px solid #ff766b}@media (prefers-reduced-motion:reduce){.welcome-slide-page,.welcome-dots button{transition:none}}@media (max-height:700px){.welcome-header{height:64px}.welcome-back{width:40px;height:40px;top:11px}.welcome-body{padding-block-start:clamp(20px,7vh,50px)}.welcome-copy h1{font-size:clamp(28px,7.4vw,34px);line-height:1.29}.welcome-copy p{font-size:15px}.welcome-footer{padding-block:4px calc(10px + env(safe-area-inset-bottom))}.welcome-dots{margin-bottom:3px}.welcome-cta{min-height:54px;font-size:16px}}
