.yp-auth{--auth-ink:#171218;--auth-muted:#716975;--auth-line:#e5e0e7;display:flex;flex:1 1;flex-direction:column;color:var(--auth-ink);background:#f5f3f6}.yp-auth p{color:inherit}.yp-auth *,.yp-auth :after,.yp-auth :before{box-sizing:border-box}.yp-auth button,.yp-auth input,.yp-auth select{font:inherit}.yp-auth a,.yp-auth button{touch-action:manipulation}body .page-content:has(>.yp-auth){--auth-nav-offset:104px;display:flex;box-sizing:border-box;min-height:100vh;padding-top:0}@media(max-width:900px){body .page-content:has(>.yp-auth){--auth-nav-offset:86px}}.yp-auth .auth-page{position:relative;display:grid;flex:1 1;padding:var(--auth-nav-offset) 22px;place-items:center;overflow:hidden;background:#f5f3f6}.yp-auth--embedded .auth-page{min-height:min(680px,100vh - 190px);padding:42px 22px 64px;overflow:visible}.yp-auth--top .auth-page,.yp-auth--top .auth-workspace{place-items:start center}@media(min-width:561px){.yp-auth.yp-auth--top .auth-page{padding-top:calc(var(--auth-nav-offset) + 12px)}}.yp-auth .auth-workspace{position:relative;z-index:1;display:grid;width:100%;place-items:center}.yp-auth .auth-stack{width:min(500px,100%)}.yp-auth .form-brand{display:none;width:max-content;margin:0 auto 24px;text-decoration:none}.yp-auth .form-brand img{display:block;width:102px;height:auto}.yp-auth .auth-shell{position:relative;width:100%;padding:35px 40px 40px;border:1px solid #e5dfe7;border-radius:21px;background:hsla(0,0%,100%,.97);box-shadow:0 28px 74px -54px rgba(38,0,50,.44);backdrop-filter:blur(12px)}.yp-auth .auth-shell:before{position:absolute;top:-1px;left:40px;width:58px;height:3px;border-radius:0 0 3px 3px;background:var(--yp-yellow);content:""}.yp-auth[dir=rtl] .auth-shell:before{right:40px;left:auto}.yp-auth .auth-top{display:flex;align-items:center;margin-bottom:27px}.yp-auth .back-home{display:inline-flex;align-items:center;gap:9px;color:#5d5560;font-size:12px;font-weight:650;text-decoration:none;transition:color .2s ease,transform .2s ease}.yp-auth .back-home span{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #e1dbe3;border-radius:50%;background:#fff;color:var(--yp-purple);font-size:15px;line-height:1;transition:border-color .2s ease,background .2s ease}.yp-auth .back-home:hover{color:var(--yp-purple);transform:translateX(-2px)}.yp-auth .back-home:hover span{border-color:rgba(88,0,125,.35);background:#faf8fb}.yp-auth .back-home:focus-visible{outline:2px solid var(--yp-purple);outline-offset:3px;border-radius:999px}.yp-auth[dir=rtl] .back-home:hover{transform:translateX(2px)}.yp-auth .auth-view{animation:yp-auth-in .28s ease both}@keyframes yp-auth-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.yp-auth .auth-heading{margin-bottom:25px}.yp-auth .auth-heading h2{margin:0 0 10px;font-size:clamp(32px,4vw,39px);font-weight:600;line-height:1.08;letter-spacing:-.042em;text-wrap:balance}.yp-auth .auth-heading p{max-width:420px;margin:0;color:var(--auth-muted);font-size:12.5px;line-height:1.62}.yp-auth .field-grid{display:grid;grid-template-columns:96px 1fr 1fr;gap:11px}.yp-auth .field{position:relative;display:block;margin-bottom:14px}.yp-auth .field>span{display:block;margin:0 0 7px;color:#766d79;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.yp-auth .field .select-control,.yp-auth .field input{width:100%;height:50px;padding:0 15px;border:1px solid #e1dbe3;border-radius:11px;background:#fdfcfd;color:var(--auth-ink);outline:0;transition:border-color .2s,background .2s}.yp-auth .field input::placeholder{color:#aaa2ac}.yp-auth .field .select-control:focus-visible,.yp-auth .field .select-control[aria-expanded=true],.yp-auth .field input:focus{border-color:rgba(88,0,125,.56);border-width:2px;background:#fff;box-shadow:none}.yp-auth .field.is-invalid .select-control,.yp-auth .field.is-invalid input{border-color:#b61a5c;border-width:2px;background:#fdecec}.yp-auth .field-error{margin:6px 0 0;color:#a32745;font-size:10.5px;line-height:1.4}.yp-auth .password-field input{padding-right:68px}.yp-auth[dir=rtl] .password-field input{padding-right:15px;padding-left:68px}.yp-auth .password-toggle{position:absolute;right:7px;bottom:7px;height:36px;padding:0 11px;border:0;border-radius:8px;background:#f3eef5;color:var(--yp-purple);font-size:9.5px;font-weight:750;cursor:pointer}.yp-auth .password-field.has-error .password-toggle{bottom:auto;top:28px}.yp-auth[dir=rtl] .password-toggle{right:auto;left:7px}.yp-auth .field .select-control{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:start;cursor:pointer}.yp-auth .select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yp-auth .select-value.is-placeholder{color:#aaa2ac}.yp-auth .select-caret{flex-shrink:0;color:#786f7b;font-size:12px;line-height:1;transition:transform .2s ease}.yp-auth .select-control[aria-expanded=true] .select-caret{transform:rotate(180deg)}.yp-auth .select-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;max-height:232px;margin:0;padding:6px;overflow-y:auto;list-style:none;border:1px solid rgba(88,0,125,.12);border-radius:14px;background:#fff;box-shadow:0 22px 48px -22px rgba(25,7,31,.48)}.yp-auth .select-menu li{color:var(--auth-ink);padding:10px 12px;border-radius:9px;font-size:13px;font-weight:550;cursor:pointer}.yp-auth .select-menu li:hover,.yp-auth .select-menu li[data-active=true]{background:#f5f0f7}.yp-auth .select-menu li[aria-selected=true]{color:var(--yp-purple);font-weight:700}.yp-auth .form-row{display:flex;align-items:center;justify-content:flex-end;margin:-1px 0 20px}.yp-auth .text-action{padding:0;border:0;background:rgba(0,0,0,0);color:var(--yp-purple);font-size:11px;font-weight:750;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(88,0,125,.25);text-underline-offset:4px}.yp-auth .primary-action{display:flex;width:100%;min-height:50px;padding:0 22px;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--yp-purple);color:#fff;font-size:13.5px;font-weight:750;cursor:pointer;box-shadow:0 20px 38px -29px rgba(88,0,125,.72);transition:transform .25s,box-shadow .25s}.yp-auth[dir=rtl] .primary-action{padding:0 22px}.yp-auth .primary-action:hover{box-shadow:0 24px 42px -25px rgba(88,0,125,.9);transform:translateY(-2px)}.yp-auth .primary-action:disabled{cursor:not-allowed;opacity:.62;transform:none}.yp-auth .secondary-action{display:flex;width:100%;min-height:48px;margin-top:0;padding:0 18px;align-items:center;justify-content:center;border:1px solid rgba(88,0,125,.24);border-radius:999px;background:#fff;color:var(--yp-purple);font-size:12px;font-weight:750;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.yp-auth .secondary-action:hover{border-color:rgba(88,0,125,.5);background:#fbf8fc;transform:translateY(-1px)}.yp-auth .secondary-action:focus-visible{outline:2px solid var(--yp-purple);outline-offset:3px}.yp-auth[dir=rtl] .back-home span,.yp-auth[dir=rtl] .recovery-back span{transform:scaleX(-1)}.yp-auth .terms{margin:4px 0 20px;color:#756d78;font-size:10.5px;line-height:1.55}.yp-auth .terms a{color:var(--yp-purple)}.yp-auth .account-switch{margin:16px 0 0;color:#746c77;font-size:11.5px;text-align:center}.yp-auth .account-switch .switch-action,.yp-auth .account-switch a{margin-left:4px;padding:2px 0;border:0;border-bottom:1px solid rgba(88,0,125,.28);background:rgba(0,0,0,0);color:var(--yp-purple);font-size:inherit;font-family:inherit;font-weight:750;cursor:pointer;text-decoration:none}.yp-auth[dir=rtl] .account-switch .switch-action,.yp-auth[dir=rtl] .account-switch a{margin-right:4px;margin-left:0}.yp-auth .account-switch .switch-action:hover,.yp-auth .account-switch a:hover{border-bottom-color:var(--yp-purple)}.yp-auth .form-error{min-height:18px;margin:9px 0 0;color:#a32745;font-size:10.5px}.yp-auth .eyebrow{display:block;margin-bottom:14px;color:var(--yp-purple);font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.yp-auth .recovery-back{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:0;border:0;background:rgba(0,0,0,0);color:#3f3844;font-size:13.5px;font-weight:650;letter-spacing:-.01em;cursor:pointer;text-decoration:none;transition:color .2s ease,transform .2s ease}.yp-auth .recovery-back span{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid #e1dbe3;border-radius:50%;background:#fff;color:var(--yp-purple);font-size:15px;line-height:1;transition:border-color .2s ease,background .2s ease}.yp-auth .recovery-back:hover{color:var(--yp-purple);transform:translateX(-2px)}.yp-auth .recovery-back:hover span{border-color:rgba(88,0,125,.35);background:#faf8fb}.yp-auth[dir=rtl] .recovery-back:hover{transform:translateX(2px)}.yp-auth .step-line{display:flex;gap:6px;margin-bottom:26px}.yp-auth .step-line i{width:28px;height:3px;border-radius:3px;background:#ded7e1}.yp-auth .step-line i.is-active{width:56px;background:var(--yp-purple)}.yp-auth .delivery-options{display:grid;gap:12px;margin-bottom:22px}.yp-auth .delivery-option{position:relative;display:grid;grid-template-columns:42px 1fr 22px;gap:14px;align-items:center;padding:15px;border:1px solid var(--auth-line);border-radius:15px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.yp-auth .delivery-option:hover{border-color:rgba(88,0,125,.32);transform:translateY(-1px)}.yp-auth .delivery-option:has(input:checked){border-color:var(--yp-purple);border-width:2px;box-shadow:none}.yp-auth .delivery-option input{position:absolute;opacity:0;pointer-events:none}.yp-auth .delivery-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#f0eaf2;color:var(--yp-purple);font-size:16px;font-weight:800}.yp-auth .delivery-copy small{display:block;margin-bottom:3px;color:#8a818d;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.yp-auth .delivery-copy strong{display:block;color:#2f2832;font-size:13px;font-weight:650;direction:ltr;text-align:start}.yp-auth .delivery-check{display:grid;width:20px;height:20px;place-items:center;border:1px solid #d8d0db;border-radius:50%;color:rgba(0,0,0,0);font-size:11px}.yp-auth .delivery-option:has(input:checked) .delivery-check{border-color:var(--yp-purple);background:var(--yp-purple);color:#fff}.yp-auth .otp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0;direction:ltr}.yp-auth .otp-grid input{width:100%;height:62px;padding:0;border:1px solid var(--auth-line);border-radius:13px;background:#fff;color:var(--auth-ink);font-size:22px;font-weight:650;text-align:center;outline:0}.yp-auth .otp-grid input:focus{border-color:var(--yp-purple);border-width:2px;box-shadow:none}.yp-auth .otp-grid.is-invalid input{border-color:#b61a5c;border-width:2px;background:#fdecec}.yp-auth .auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0 16px;color:#8a818d;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.yp-auth .auth-divider--guest{margin:18px 0 14px}.yp-auth .auth-divider:after,.yp-auth .auth-divider:before{flex:1 1;height:1px;background:var(--auth-line);content:""}.yp-auth .social-actions{display:grid;gap:10px}.yp-auth .social-action{display:flex;width:100%;min-height:50px;padding:0 20px;align-items:center;justify-content:center;gap:11px;border:1px solid #e1dbe3;border-radius:999px;background:#fff;color:#2f2832;font-size:12px;font-weight:750;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.yp-auth .social-action:hover{border-color:rgba(88,0,125,.32);box-shadow:0 16px 34px -28px rgba(38,0,50,.6);transform:translateY(-1px)}.yp-auth .social-action:disabled{cursor:not-allowed;opacity:.62;transform:none}.yp-auth .social-action svg{flex-shrink:0;width:18px;height:18px}.yp-auth .phone-field .enPhone,.yp-auth .phone-field .react-tel-input{width:100%;font-family:inherit}.yp-auth .phone-field .special-label{display:none!important}.yp-auth .phone-field .react-tel-input .form-control{width:100%!important;height:50px!important;padding:0 15px 0 60px!important;border:1px solid #e1dbe3!important;border-radius:11px!important;background:#fdfcfd!important;color:var(--auth-ink)!important;font-family:inherit!important;font-size:14px!important;line-height:50px!important;box-shadow:none!important}.yp-auth[dir=rtl] .phone-field .react-tel-input .form-control{padding:0 60px 0 15px!important;text-align:right}.yp-auth .phone-field .react-tel-input .form-control:focus{border-color:rgba(88,0,125,.56)!important;border-width:2px!important;background:#fff!important;box-shadow:none!important}.yp-auth .phone-field.is-invalid .react-tel-input .form-control{border-color:#b61a5c!important;border-width:2px!important;background:#fdecec!important}.yp-auth .phone-field .react-tel-input .flag-dropdown{border:0!important;border-radius:11px 0 0 11px!important;background:rgba(0,0,0,0)!important}.yp-auth[dir=rtl] .phone-field .react-tel-input .flag-dropdown{right:0;left:auto;border-radius:0 11px 11px 0!important}.yp-auth .phone-field .react-tel-input .selected-flag{display:flex;width:52px!important;align-items:center;padding:0 0 0 13px!important;border-radius:11px 0 0 11px!important;background:rgba(0,0,0,0)!important}.yp-auth .phone-field .react-tel-input .selected-flag .flag{position:static;margin:0}.yp-auth .phone-field .react-tel-input .selected-flag .arrow{border-top-color:#786f7b}.yp-auth .phone-field .react-tel-input .flag-dropdown.open .selected-flag,.yp-auth .phone-field .react-tel-input .selected-flag:focus,.yp-auth .phone-field .react-tel-input .selected-flag:hover{border-radius:11px 0 0 11px;background:#f5f0f7!important}.yp-auth[dir=rtl] .phone-field .react-tel-input .flag-dropdown.open .selected-flag,.yp-auth[dir=rtl] .phone-field .react-tel-input .selected-flag:focus,.yp-auth[dir=rtl] .phone-field .react-tel-input .selected-flag:hover{border-radius:0 11px 11px 0}.yp-auth .phone-field .react-tel-input .flag-dropdown.open{background:rgba(0,0,0,0)!important}.yp-auth .phone-field .react-tel-input .country-list{width:min(340px,100vw - 56px);max-height:232px;margin:6px 0 0;padding:0 6px 6px;border:1px solid rgba(88,0,125,.12);border-radius:14px;background:#fff;box-shadow:0 22px 48px -22px rgba(25,7,31,.48)}.yp-auth .phone-field .react-tel-input .country-list .country{border-radius:9px;font-size:13px;font-weight:550;cursor:pointer;padding:10px 12px 10px 46px}.yp-auth[dir=rtl] .phone-field .react-tel-input .country-list{right:0;left:auto}.yp-auth .phone-field .react-tel-input .country-list .country.highlight,.yp-auth .phone-field .react-tel-input .country-list .country:hover{background:#f5f0f7}.yp-auth .phone-field .react-tel-input .country-list .country-name{color:var(--auth-ink)}.yp-auth .phone-field .react-tel-input .country-list .dial-code{color:var(--auth-muted)}.yp-auth .phone-field .react-tel-input .country-list .search{margin:0 -6px;padding:6px;background:#fff}.yp-auth .phone-field .react-tel-input .country-list .search-box{width:100%;height:40px;margin:0;padding:0 12px;border:1px solid #e1dbe3;border-radius:10px;background:#fdfcfd;font-family:inherit;font-size:13px;outline:0}.yp-auth .phone-field .react-tel-input .country-list .search-box:focus{border-color:rgba(88,0,125,.56);background:#fff}.yp-auth .phone-field .phone-input-helper-text{display:none}@media(max-width:700px){.yp-auth .auth-page{padding:var(--auth-nav-offset) 14px}.yp-auth .auth-shell{padding:32px 28px 36px}.yp-auth .auth-shell:before{left:28px}.yp-auth[dir=rtl] .auth-shell:before{right:28px;left:auto}}@media(max-width:560px){.yp-auth{background:#fff}.yp-auth .auth-page{padding:var(--auth-nav-offset) 0 0;place-items:start center;background:#fff}.yp-auth .auth-stack{width:100%}.yp-auth .form-brand{margin-bottom:24px}.yp-auth .form-brand img{width:98px}.yp-auth .auth-shell{width:100%;padding:30px 20px 42px;border:0;border-top:1px solid #eee9ef;border-radius:0;background:#fff;box-shadow:none}.yp-auth .auth-shell:before{left:20px}.yp-auth[dir=rtl] .auth-shell:before{right:20px;left:auto}.yp-auth .auth-top{margin-bottom:30px}.yp-auth .auth-heading h2{font-size:37px}.yp-auth .field-grid{grid-template-columns:92px 1fr}.yp-auth .otp-grid{gap:6px}.yp-auth .otp-grid input{height:54px;border-radius:10px}.yp-auth .field .select-control{gap:4px;padding:0 10px}.yp-auth .field-grid .field:last-child{grid-column:1/-1}}.yp-auth{line-height:normal;letter-spacing:normal}