.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.auth-modal[aria-hidden=false]{opacity:1;visibility:visible;pointer-events:all}.auth-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.auth-modal[aria-hidden=false] .auth-modal__backdrop{opacity:1}.auth-modal__container{position:relative;width:90%;max-width:1100px;height:85vh;max-height:700px;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0006;overflow:hidden;transform:scale(.9) translateY(30px) rotateX(5deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:row;perspective:1000px}.auth-modal[aria-hidden=false] .auth-modal__container{transform:scale(1) translateY(0) rotateX(0);animation:modalEntrance .6s cubic-bezier(.34,1.56,.64,1)}@keyframes modalEntrance{0%{transform:scale(.8) translateY(50px) rotateX(10deg);opacity:0}50%{transform:scale(1.02) translateY(-5px) rotateX(-2deg)}to{transform:scale(1) translateY(0) rotateX(0);opacity:1}}.auth-modal__image-side{width:45%;height:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:none;flex-shrink:0}@media (min-width: 990px){.auth-modal__image-side{display:block}}.auth-modal__image-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;z-index:2}.auth-modal__image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeae6,#764ba2cc,#667eeae6);z-index:1;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.auth-modal__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;overflow:hidden}.auth-modal__image{width:100%;height:100%;object-fit:cover;border-radius:0;animation:imageFadeIn 1s ease-out;position:absolute;top:0;left:0;z-index:1;display:block}.auth-modal__image-overlay-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea80,#764ba266,#667eea80);z-index:3;animation:gradientShift 8s ease infinite}@keyframes imageFadeIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.auth-modal__image-placeholder{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-modal__logo-text{font-size:32px;font-weight:700;color:#fff;letter-spacing:.1em;z-index:3;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.auth-modal__image-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.15) 0%,transparent 50%);animation:gradientFloat 10s ease-in-out infinite}.auth-modal__floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;overflow:hidden}.auth-modal__shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-modal__shape--1{width:200px;height:200px;top:10%;left:10%;animation:shapeFloat1 8s ease-in-out infinite}.auth-modal__shape--2{width:150px;height:150px;top:60%;right:15%;animation:shapeFloat2 10s ease-in-out infinite}.auth-modal__shape--3{width:100px;height:100px;bottom:20%;left:20%;animation:shapeFloat3 12s ease-in-out infinite}@keyframes shapeFloat1{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(30px,-30px) scale(1.1);opacity:.4}66%{transform:translate(-20px,20px) scale(.9);opacity:.2}}@keyframes shapeFloat2{0%,to{transform:translate(0) scale(1);opacity:.25}50%{transform:translate(-40px,40px) scale(1.2);opacity:.35}}@keyframes shapeFloat3{0%,to{transform:translate(0) scale(1);opacity:.2}50%{transform:translate(50px,-50px) scale(1.3);opacity:.3}}@keyframes gradientFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.auth-modal__image-text{position:absolute;bottom:40px;left:40px;right:40px;z-index:3;color:#fff;animation:textSlideUp .8s ease-out .3s both}@keyframes textSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-modal__image-title{font-size:36px;font-weight:700;margin:0 0 12px;text-shadow:0 2px 10px rgba(0,0,0,.3);line-height:1.2;color:#fff}.auth-modal__image-subtitle{font-size:16px;opacity:.95;margin:0;text-shadow:0 1px 5px rgba(0,0,0,.2);color:#fff}.auth-modal__forms-side{width:55%;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 989px){.auth-modal__forms-side{width:100%}}.auth-modal__close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#ffffffe6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);color:#000;box-shadow:0 2px 8px #0000001a;animation:closeButtonEntrance .5s ease-out .2s both}@keyframes closeButtonEntrance{0%{opacity:0;transform:scale(0) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0)}}.auth-modal__close:hover{background:#fff;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #00000026}.auth-view{width:100%;height:100%;padding:0;display:none;flex-direction:column;position:relative;animation:viewFadeIn .4s ease-out}@keyframes viewFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.auth-view.active{display:flex}.auth-view__content{padding:80px 50px 60px;overflow-y:auto;height:100%;width:100%;box-sizing:border-box;animation:contentSlideIn .5s ease-out .2s both}.auth-view--register .auth-view__content{padding:80px 50px 40px;overflow-y:visible}.auth-view--register .auth-form{gap:16px}.auth-view--register .auth-form__field{gap:6px}.auth-view--register .auth-form__input{padding:12px 16px;font-size:14px}.auth-view--register .auth-view__title{font-size:30px;margin:0 0 6px}.auth-view--register .auth-view__subtitle{font-size:13px;margin:0 0 24px}.auth-view--register .auth-form__submit{padding:14px;margin-top:4px}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 749px){.auth-view__content{padding:40px 30px}}.auth-view__back{position:absolute;top:24px;left:24px;width:40px;height:40px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:5;animation:backButtonEntrance .4s ease-out .3s both}@keyframes backButtonEntrance{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.auth-view__back:hover{transform:translate(-6px) scale(1.1);background:#0000001a}.auth-view--login .auth-view__back{display:none}.auth-view__title{font-size:36px;font-weight:700;color:#000;margin:0 0 12px;line-height:1.2;animation:titleSlideDown .5s ease-out .3s both}@keyframes titleSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-view__subtitle{font-size:15px;color:#666;margin:0 0 40px;line-height:1.6;animation:subtitleFadeIn .5s ease-out .4s both}@keyframes subtitleFadeIn{0%{opacity:0}to{opacity:1}}.auth-view__link{color:#000;text-decoration:underline;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative}.auth-view__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#000;transition:width .3s ease}.auth-view__link:hover{opacity:.8}.auth-view__link:hover:after{width:100%}.auth-form{display:flex;flex-direction:column;gap:24px;animation:formFadeIn .6s ease-out .5s both}@keyframes formFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form__field{display:flex;flex-direction:column;gap:10px;animation:fieldSlideIn .4s ease-out both}.auth-form__field:nth-child(1){animation-delay:.6s}.auth-form__field:nth-child(2){animation-delay:.7s}.auth-form__field:nth-child(3){animation-delay:.8s}.auth-form__field:nth-child(4){animation-delay:.9s}.auth-form__field:nth-child(5){animation-delay:1s}@keyframes fieldSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.auth-form__label{font-size:14px;font-weight:600;color:#000;letter-spacing:.3px}.auth-form__input{width:100%;padding:16px 18px;font-size:15px;border:2px solid #e8e8e8;border-radius:12px;background:#fff;color:#000;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-sizing:border-box}.auth-form__input:focus{outline:none;border-color:#000;box-shadow:0 0 0 4px #00000014;transform:translateY(-2px)}.auth-form__input::placeholder{color:#999;transition:opacity .3s ease}.auth-form__input:focus::placeholder{opacity:.5}.auth-form__password-wrapper{position:relative;display:flex;align-items:center}.auth-form__password-wrapper .auth-form__input{padding-right:52px}.auth-form__password-toggle{position:absolute;right:14px;width:36px;height:36px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .3s ease;border-radius:8px}.auth-form__password-toggle:hover{color:#000;background:#0000000d;transform:scale(1.1)}.auth-form__password-icon{width:20px;height:20px;transition:transform .3s ease}.auth-form__password-toggle:hover .auth-form__password-icon{transform:scale(1.1)}.auth-form__forgot{text-align:right;margin-top:-8px;animation:forgotFadeIn .5s ease-out 1.1s both}@keyframes forgotFadeIn{0%{opacity:0}to{opacity:1}}.auth-form__back-link{text-align:center;margin-top:12px}.auth-form__submit{width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#000,#333);border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;font-family:inherit;position:relative;overflow:hidden;animation:buttonSlideUp .5s ease-out 1.2s both}@keyframes buttonSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form__submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-form__submit:hover:before{left:100%}.auth-form__submit:hover{background:linear-gradient(135deg,#333,#000);transform:translateY(-2px);box-shadow:0 8px 20px #0003}.auth-form__submit:active{transform:translateY(0);box-shadow:0 4px 12px #00000026}.auth-form__error{padding:16px 18px;background:#fee;border:2px solid #fcc;border-radius:12px;color:#c33;font-size:14px;display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;animation:errorShake .5s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.auth-form__error-icon{flex-shrink:0;margin-top:2px;animation:iconPulse 1s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auth-form__error-list{list-style:none;padding:0;margin:8px 0 0}.auth-form__error-list li{margin:6px 0;animation:listItemFadeIn .3s ease-out both}.auth-form__error-list li:nth-child(1){animation-delay:.1s}.auth-form__error-list li:nth-child(2){animation-delay:.2s}.auth-form__error-list li:nth-child(3){animation-delay:.3s}@keyframes listItemFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.auth-form__error-list a{color:#c33;text-decoration:underline}.auth-form__success{padding:16px 18px;background:#efe;border:2px solid #cfc;border-radius:12px;color:#3c3;font-size:14px;display:flex;align-items:flex-start;gap:12px;margin-bottom:8px;animation:successBounce .6s ease-out}@keyframes successBounce{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.auth-form__success svg{flex-shrink:0;margin-top:2px;animation:checkMark .6s ease-out .2s both}@keyframes checkMark{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.auth-form__success p{margin:4px 0 0}@media (max-width: 989px){.auth-modal__container{width:95%;max-width:500px;height:auto;max-height:90vh;flex-direction:column}.auth-modal__forms-side{width:100%}}@media (max-width: 749px){.auth-modal__container{border-radius:16px}.auth-view__title{font-size:28px}.auth-view__content{padding:40px 30px}}body.auth-modal-open{overflow:hidden}body.auth-modal-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;pointer-events:none}.auth-modal *:focus{outline:2px solid #000;outline-offset:2px}.auth-view__content::-webkit-scrollbar{width:6px}.auth-view__content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.auth-view__content::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.auth-view__content::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=/cdn/shop/t/48/assets/auth-modal.css.map */