.ht-account-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;font-family:Quicksand,sans-serif;opacity:0;pointer-events:none;transition:opacity .3s ease}.ht-account-modal.active{opacity:1;pointer-events:auto}.ht-account-modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a181dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ht-account-modal__container{position:relative;background:linear-gradient(135deg,#1a2f38,#132a33);border-radius:16px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);transform:translateY(-20px) scale(.95);opacity:0;transition:all .3s ease-out}.ht-account-modal.active .ht-account-modal__container{transform:translateY(0) scale(1);opacity:1}.ht-account-modal__header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.ht-account-modal__header h2{margin:0;font-size:clamp(1.8rem,3.5vw,2.2rem);font-weight:700;color:#f8fafa}.ht-account-modal__close{background:#ffffff1a;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#f8fafa}.ht-account-modal__close:hover{background:#e74c3ccc;transform:rotate(90deg)}.ht-account-modal__body{padding:32px 24px}.ht-auth-form .ht-form-group{margin-bottom:20px}.ht-auth-form .ht-form-group label{display:block;margin-bottom:8px;font-size:clamp(1.1rem,2vw,1.25rem);font-weight:700;color:#f8fafa}.ht-auth-form .ht-form-group input{width:100%;padding:16px 18px;background:#0a181d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:700;color:#f8fafa;transition:all .3s ease}.ht-auth-form .ht-form-group input:focus{outline:none;border-color:#3ad0e6;box-shadow:0 0 0 3px #3ad0e633}.ht-auth-form .ht-form-group input::placeholder{color:#c5d2d6;opacity:.6;font-weight:600}.ht-form-actions{margin-top:24px}.ht-btn{padding:16px 28px;border-radius:8px;font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.ht-btn-block{width:100%;display:block}.ht-btn-primary{background:linear-gradient(135deg,#3ad0e6,#2c9ab8);color:#fff;box-shadow:0 4px 15px #3ad0e64d}.ht-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3ad0e666}.ht-btn-secondary{background:transparent;color:#3ad0e6;border:2px solid #3ad0e6}.ht-btn-secondary:hover{background:#3ad0e61a;transform:translateY(-2px)}.ht-form-links{margin-top:16px;text-align:center}.ht-link{color:#3ad0e6;text-decoration:none;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:600;transition:color .3s ease}.ht-link:hover{color:#2c9ab8;text-decoration:underline}.ht-divider{display:flex;align-items:center;margin:24px 0;text-align:center}.ht-divider:before,.ht-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.ht-divider span{padding:0 16px;color:#c5d2d6;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:600}.ht-form-error{background:#e74c3c1a;border:1px solid #e74c3c;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px;color:#e74c3c;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:600}.ht-form-error svg{flex-shrink:0}.ht-logged-in{text-align:center}#login-form-container{display:block}#logged-in-view{display:none}.ht-account-info{margin-bottom:32px}.ht-account-avatar{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:#3ad0e61a;display:flex;align-items:center;justify-content:center;color:#3ad0e6;overflow:hidden}.ht-account-avatar img{width:100%;height:100%;object-fit:cover}.ht-account-info h3{margin:0 0 8px;font-size:clamp(1.5rem,3vw,1.8rem);font-weight:700;color:#f8fafa}.ht-account-email{margin:0;color:#c5d2d6;font-size:clamp(1.05rem,2vw,1.2rem);font-weight:600}.ht-account-links{display:flex;flex-direction:column;gap:12px}.ht-account-link{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafa;text-decoration:none;font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:700;transition:all .3s ease}.ht-account-link:hover{background:#3ad0e61a;border-color:#3ad0e6;transform:translate(4px)}.ht-account-link.ht-logout{background:#e74c3c1a;border-color:#e74c3c4d;color:#e74c3c}.ht-account-link.ht-logout:hover{background:#e74c3c33;border-color:#e74c3c}@media (max-width: 480px){.ht-account-modal__container{width:95%;margin:20px}.ht-account-modal__header{padding:20px}.ht-account-modal__body{padding:24px 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hightide-modal-account.css.map */