.auth .title{font-size:var(--font-2xl);color:var(--text);text-align:center;font-weight:600;line-height:120%}.auth .subtitle{font-size:var(--font-sm);color:color-mix(in srgb,var(--text)65%,transparent);font-weight:300;line-height:1.3}.auth .header{text-align:center;flex-direction:column;gap:.5em;line-height:100%;display:flex;overflow:hidden}.auth .errorMsg,.auth .successMsg{font-size:var(--font-sm);text-align:center;justify-content:center;align-items:center;gap:.4em;display:flex;overflow:hidden}.auth .errorMsg .icon,.auth .successMsg .icon{flex-shrink:0}.auth .errorMsg{color:var(--error)}.auth .successMsg{color:var(--success,#22c55e)}.auth .formContent{justify-content:center;gap:calc(var(--spacing-lg)*.6);flex-direction:column;width:100%;display:flex}.auth .formContent .formItem{width:100%}.auth .submitButton{--iconSize:1.3em!important}.auth .submitButton .icon{position:relative;bottom:1px}.auth .submitButton .icon path{stroke-width:1.5px}.auth .loadingIndicator{color:color-mix(in srgb,var(--text)55%,transparent);font-size:var(--font-sm);justify-content:center;align-items:center;gap:.6em;display:flex}.auth .spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:var(--radius-pill);width:1.2em;height:1.2em;animation:.6s linear infinite authSpin}.auth .flow{gap:var(--spacing-xl);flex-direction:column;align-items:center;width:100%;display:flex}.auth .flow .step{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.auth .flow .indicators{padding:var(--spacing-xs)0;justify-content:center;align-items:center;gap:.5em;display:flex}.auth .flow .indicators .dot{justify-content:center;align-items:center;display:flex}.auth .flow .indicators .dot .inner{border-radius:var(--radius-pill);height:.4em;transition:all .3s}.auth .card{width:100%;min-height:100dvh;position:relative;overflow:hidden}.auth .card .scene{justify-content:center;align-items:flex-start;width:100%;display:flex}.auth .card .contentCard{border-radius:var(--radius-xl);background:var(--container);will-change:height,width;isolation:isolate;width:100%;max-width:min(92vw,28rem);box-shadow:0em 3em 2.5em 3em color-mix(in srgb,var(--background)100%,transparent),inset 1px 1px color-mix(in srgb,var(--text)13%,transparent),inset -1px -1px color-mix(in srgb,var(--text)13%,transparent);-webkit-backdrop-filter:blur(1.3em);backdrop-filter:blur(1.3em);position:relative;overflow:hidden;transform:translateZ(0)}.auth .card .contentCard:after{content:"";z-index:1;mix-blend-mode:lighten;filter:contrast(1.3);opacity:.15;pointer-events:none;border-radius:inherit;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.auth .card .contentCard.compact .contentCardInner{padding:var(--spacing-lg)var(--spacing-md)}.auth .card .contentCardInner{gap:var(--spacing-md);width:100%;padding:var(--spacing-lg);z-index:2;padding-bottom:var(--spacing-md);flex-direction:column;transition:padding .45s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.auth .card .videoLayer{z-index:0;position:absolute;inset:0;overflow:hidden}.auth .card .videoLayer .video{object-fit:cover;width:100%;height:100%;display:block}.auth .card .masonryLayer{z-index:1;opacity:1;pointer-events:none;mix-blend-mode:multiply;filter:brightness(.7);position:absolute;inset:0}.auth .card .masonryLayer .masonry{background:0 0;border-radius:0}.auth .card .headerArea{align-items:center;gap:var(--spacing-xs);z-index:-999;pointer-events:none;flex-direction:column;width:100%;margin-bottom:-3em;display:flex;position:relative}.auth .card .headerArea .pageTitle{color:color-mix(in srgb,var(--text)48%,transparent);font-size:var(--font-md);text-align:center;margin:0;font-weight:300;line-height:1.3}.auth .card .headerArea .title{font-size:var(--font-4xl);color:var(--text);text-align:center;margin:0;font-weight:600;line-height:100%}.auth .card .headerArea .title .static span{opacity:.5;font-weight:400}.auth .card .headerArea .highlight{font-size:1.1em}.auth .card.desktop{justify-content:center;align-items:center;width:100%;height:100dvh;padding:0;display:flex}.auth .card.desktop .splitLayout{z-index:2;background:var(--background);grid-template-columns:1fr 1.2fr;gap:0;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.auth .card.desktop .mediaPanel{background-color:var(--primary,#ff6b00);border-radius:40px 0 0 40px;height:100%;position:relative;overflow:hidden}.auth .card.desktop .mediaPanel .mediaCard{width:100%;height:100%;position:relative;overflow:hidden}.auth .card.desktop .mediaPanel .overlay{z-index:2;background:linear-gradient(to top,color-mix(in srgb,var(--black)80%,transparent)0%,color-mix(in srgb,var(--black)40%,transparent)40%,color-mix(in srgb,var(--black)20%,transparent)100%);pointer-events:none;position:absolute;inset:0}.auth .card.desktop .mediaPanel .mediaContent{z-index:3;padding:var(--spacing-xl);gap:var(--spacing-md);pointer-events:none;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.auth .card.desktop .mediaPanel .logo{--logoSize:6em;filter:brightness(10)}.auth .card.desktop .mediaPanel .text{flex-direction:column;gap:.4em;display:flex}.auth .card.desktop .mediaPanel .text h2{font-size:var(--font-2xl);color:var(--white);font-weight:600;line-height:1.2}.auth .card.desktop .mediaPanel .text p{font-size:var(--font-lg);color:color-mix(in srgb,var(--white)45%,transparent);line-height:1.2}.auth .card.desktop .formPanel{height:100%;padding:var(--spacing-xl);background:var(--background);isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth .card.desktop .formPanel:before{content:"";filter:invert();opacity:.02;pointer-events:none;background-image:url(/images/ui/pattern/01.webp);background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 80%);mask-image:radial-gradient(#000 0%,#0000 80%)}.auth .card.desktop .circleOverlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:5%;display:flex;position:absolute}.auth .card.desktop .circleOverlay:before{content:"";z-index:999;mix-blend-mode:lighten;border-radius:inherit;filter:contrast(2);opacity:.2;pointer-events:none;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:120% 120%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(#000 0%,#0000 80%);mask-image:radial-gradient(#000 0%,#0000 80%)}.auth .card.desktop .circleOverlay.bottomLeft{bottom:0%;left:0%}.auth .card.desktop .circleOverlay.topRight{top:0%;right:0%;transform:scale(-1)}.auth .card.desktop .shape{border:solid 1px color-mix(in srgb,var(--text)10%,transparent);background:var(--background);width:10em;height:10em;box-shadow:1em 1em 3em color-mix(in srgb,var(--background)40%,transparent),inset 1px -1px color-mix(in srgb,var(--text)10%,transparent);z-index:1;border-radius:100%;margin-top:-3em;rotate:180deg}.auth .card.desktop .shape.two{z-index:2;rotate:70deg}.auth .card.desktop .shape.three,.auth .card.desktop .shape.four{box-shadow:.5em 0 5em color-mix(in srgb,var(--background)40%,transparent),inset 1px -1px color-mix(in srgb,var(--text)20%,transparent)}.auth .card.desktop .shape.three{z-index:2}.auth .card.desktop .shape.four{z-index:3}.auth .card.desktop .formContent{align-items:center;gap:var(--spacing-md);z-index:2;position:relative}.auth .otp .editPhoneBtn{--btn-gap:0}.auth .otp .inputArea{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column;display:flex}.auth .otp .inputArea .footer{width:100%;font-size:var(--font-sm);background:0 0;flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:0;display:flex}.auth .otp .inputArea .footer .resendArea{justify-content:center;align-items:center;font-weight:300;display:flex}.auth .otp .inputArea .footer .button.transparent{font-size:1.1em}.auth .otp .inputArea .footer .timer{color:color-mix(in srgb,var(--text)50%,transparent);font-size:var(--font-md);align-items:center;gap:.2em;display:flex}.auth .otp .inputArea .footer .timer .icon{color:color-mix(in srgb,var(--text)100%,transparent)}.auth .otp .inputArea .footer .timer strong{color:var(--text);font-size:var(--font-lg);font-weight:300}.auth .profile .titleSwitch,.auth .profile .subStepSwitch{width:100%}.auth .profile .profileStepHeader{justify-content:center;align-items:center}.auth .profile .profileTitleBox{transform-origin:50%;justify-content:center;width:100%;display:flex}.auth .profile .profileStepTitle{text-align:center;font-size:var(--font-xl);color:var(--text);letter-spacing:-.02em;margin:0;font-weight:600;line-height:120%;transition:font-size .35s cubic-bezier(.16,1,.3,1),letter-spacing .35s cubic-bezier(.16,1,.3,1),opacity .2s}.auth .profile .profileTitleBox.compact .profileStepTitle{font-size:calc(var(--font-xl)*.82);letter-spacing:0;font-weight:300}.auth .profile .extrasHeaderRow{width:100%;overflow:hidden}.auth .profile .extrasHeaderRow .extrasHeaderInner{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--background)50%,transparent);display:flex}.auth .profile .extrasHeaderRow .avatarSmall{flex-shrink:0}.auth .profile .extrasHeaderRow .avatarSmall .avatarCircle{background:color-mix(in srgb,var(--text)6%,transparent);border:1.5px dashed color-mix(in srgb,var(--text)15%,transparent);width:2.8em;height:2.8em;color:color-mix(in srgb,var(--text)25%,transparent);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.auth .profile .extrasHeaderRow .avatarSmall .avatarCircle img{object-fit:cover;width:100%;height:100%}.auth .profile .extrasHeaderRow .nameDisplay{flex:1;min-width:0;line-height:120%}.auth .profile .extrasHeaderRow .nameDisplay h4{font-size:var(--font-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:400;display:block;overflow:hidden}.auth .profile .extrasHeaderRow .nameDisplay span{opacity:.6;font-weight:200}.auth .profile .extrasHeaderRow .editNameBtn{cursor:pointer;color:var(--primary);border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.4em;font-family:inherit;transition:all .2s;display:flex}.auth .profile .extrasHeaderRow .editNameBtn:hover{background:color-mix(in srgb,var(--primary)10%,transparent)}.auth .profile .extrasHeaderRow .editNameBtn:active{scale:.92}.auth .profile .fieldGroup{gap:var(--spacing-xs);flex-direction:column;display:flex}.auth .profile .fieldGroup.nameRow{flex-direction:row;gap:0}.auth .profile .fieldGroup.nameRow>*{flex:1;min-width:0}.auth .profile .extrasGroup{gap:var(--spacing-sm)}.auth .profile .profileCollapsible .collapsibleBody{transition:height .35s cubic-bezier(.4,0,.2,1),opacity .3s}.auth .profile .addressForm{gap:var(--spacing-sm);flex-direction:column;display:flex}.auth .profile .addressForm .addressRow{grid-template-columns:1fr 1fr;gap:0;display:grid}.auth .profile .passwordHint{padding:var(--spacing-sm);background:color-mix(in srgb,var(--primary)5%,transparent);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--primary)12%,transparent);font-size:var(--font-xs);color:color-mix(in srgb,var(--text)65%,transparent);align-items:flex-start;gap:.5em;font-weight:200;line-height:1.6;display:flex}.auth .profile .passwordHint .icon{color:var(--primary);opacity:.7;flex-shrink:0;margin-top:.15em}.auth .profile .fieldArea{position:relative}.auth .profile .shopGridWrap{background:color-mix(in srgb,var(--background)50%,transparent);border-radius:var(--radius-lg);gap:var(--spacing-sm);border:1px solid var(--surface-hover);flex-direction:column;display:flex;overflow:hidden}.auth .profile .shopGridWrap .shopToolbar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-sm)0;z-index:2;display:flex;position:sticky;top:0}.auth .profile .shopGridWrap .shopToolbar .shopCount{font-size:var(--font-sm);color:var(--primary);flex-shrink:0;font-weight:300}.auth .profile .shopGridWrap .shopToolbar .shopSearchBar{border:1px solid color-mix(in srgb,var(--text)12%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--text)3%,transparent);flex:1;align-items:center;gap:.4em;padding:.45em .7em;transition:border-color .2s,box-shadow .2s;display:flex}.auth .profile .shopGridWrap .shopToolbar .shopSearchBar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary)8%,transparent)}.auth .profile .shopGridWrap .shopToolbar .shopSearchBar .icon{color:color-mix(in srgb,var(--text)35%,transparent);flex-shrink:0}.auth .profile .shopGridWrap .shopToolbar .shopSearchBar .shopSearchInput{font-family:inherit;font-size:var(--font-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0}.auth .profile .shopGridWrap .shopToolbar .shopSearchBar .shopSearchInput::placeholder{color:color-mix(in srgb,var(--text)30%,transparent)}.auth .profile .shopGridWrap .shopToolbar .shopSearchBar .shopSearchClear{background:color-mix(in srgb,var(--text)10%,transparent);cursor:pointer;color:color-mix(in srgb,var(--text)50%,transparent);border-radius:var(--radius-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.2em;font-family:inherit;transition:all .15s;display:flex}.auth .profile .shopGridWrap .shopToolbar .shopSearchBar .shopSearchClear:hover{background:color-mix(in srgb,var(--text)15%,transparent)}.auth .profile .shopGridWrap .shopCompactGrid{gap:var(--spacing-xs);max-height:20em;padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text)6%,transparent)#0000;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow-y:auto}.auth .profile .shopGridWrap .shopCompactGrid .shopCardCompact{font-size:.82em}.auth .profile .shopGridWrap .shopEmpty{text-align:center;padding:var(--spacing-lg);color:color-mix(in srgb,var(--text)40%,transparent);font-size:var(--font-sm);grid-column:1/-1}.auth .profile .actions{gap:var(--spacing-md);flex-direction:column;display:flex}.auth .profile .actions .row{display:flex}.auth .profile .actions .actionButtonsRow{align-items:stretch;gap:var(--spacing-sm);width:100%}.auth .profile .actions .actionCell{flex:1 1 0;min-width:0;display:flex;overflow:hidden}.auth .profile .actions .actionCell .button{width:100%;min-width:0}.auth .profile .actions .backCell,.auth .profile .actions .nextCell{transform-origin:50%}.auth .profile .skipRow{width:100%;font-weight:300;font-size:var(--font-sm);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.3em;display:flex}.auth .profile .skipRow .skipAllBtn{font-size:var(--font-md);font-weight:inherit}.auth .profile .skipRow .skipAllBtn .icon{bottom:-.05em}.auth .profile .skipRow .skipAllBtn .icon path{stroke-width:2px}.auth .termsText{margin-top:var(--spacing-sm)}.auth .success .title{font-weight:500;font-size:calc(var(--font-2xl)/1.2)}.auth .success .iconWrap{border-radius:var(--radius-pill);background:var(--primaryGradient);width:4.5em;height:4.5em;color:var(--white);justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}.auth .success .iconWrap:after{content:"";z-index:1;mix-blend-mode:screen;opacity:.6;pointer-events:none;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.auth .success .iconWrap .icon{z-index:2;position:relative}.auth .success .redirectBar{border-radius:var(--radius-pill);background:var(--primaryGradient);transform-origin:0;width:70%;height:.25em;margin:0 auto}@media (max-width:900px){.auth .card.desktop{height:auto;min-height:100dvh}.auth .card.desktop .splitLayout{min-height:100dvh;display:flex}.auth .card.desktop .mediaPanel{display:none}.auth .card.desktop .formPanel{width:100%;min-height:100dvh;padding:var(--spacing-lg)var(--inlineSection);overflow-y:auto}.auth .card .headerArea{margin-bottom:-1.5em}.auth .card .headerArea .title{font-size:var(--font-3xl)}.auth .card .contentCard{max-width:min(100%,28rem)}}@media (max-width:520px){.auth .title{font-size:var(--font-xl)}.auth .card .contentCard{border-radius:var(--radius-lg)}.auth .card .contentCardInner,.auth .card .contentCard.compact .contentCardInner{padding:var(--spacing-md)}.auth .card .headerArea .title{font-size:var(--font-2xl)}.auth .card .inputArea{width:100%}.auth .profile .fieldGroup.nameRow,.auth .profile .addressForm .addressRow{flex-direction:column;grid-template-columns:1fr}.auth .profile .shopGridWrap .shopToolbar{flex-direction:column;align-items:stretch}.auth .profile .shopGridWrap .shopCompactGrid{grid-template-columns:1fr 1fr}.auth .profile .actions .actionButtonsRow{flex-direction:column}.auth .otp .inputArea .footer{flex-direction:column;align-items:flex-start}}@keyframes authSpin{to{transform:rotate(360deg)}}