.beetot-login-wrapper{min-height:100vh;background:linear-gradient(135deg,#f8fbff,#fff,#fff8e1);padding:20px;display:flex;align-items:center;justify-content:center}.beetot-login-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;max-width:480px;width:100%;box-shadow:0 20px 40px #2196f31a,0 0 0 1px #2196f30d;border-top:4px solid #2196f3;position:relative;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.beetot-login-header{text-align:center;margin-bottom:25px}.logo-container{margin-bottom:15px}.beetot-logo{max-height:60px;width:auto;transition:transform .3s ease}.beetot-logo:hover{transform:scale(1.05)}.beetot-brand-name{font-size:32px;font-weight:700;background:linear-gradient(135deg,#2196f3,#ffd54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.welcome-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffd54f,#ffb300);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;animation:pulse 2s infinite}.beetot-offer-banner{background:linear-gradient(135deg,#2196f31a,#ffd54f1a);border:2px solid rgba(33,150,243,.2);border-radius:16px;padding:20px;margin-bottom:30px;text-align:center;position:relative;overflow:hidden;height:5pc}.beetot-offer-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.banner-content{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;z-index:1}.offer-icon{font-size:24px}.offer-text{margin-top:1pc;display:flex;flex-direction:column;align-items:flex-start}.offer-text strong{font-size:18px;color:#2196f3;font-weight:700}.offer-code{font-size:12px;color:#666;font-weight:500}.beetot-form-tabs{display:flex;background:#2196f30d;border-radius:16px;padding:6px;margin-bottom:30px;gap:6px}.beetot-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;background:transparent;border-radius:12px;cursor:pointer;font-weight:600;color:#666;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.beetot-tab.active{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.beetot-tab:hover:not(.active){background:#2196f31a;color:#2196f3}.tab-icon{font-size:16px}.beetot-form-container{display:none}.beetot-form-container.active{display:block;animation:fadeInUp .4s ease}.form-header{text-align:center;margin-bottom:30px}.form-header h2{font-size:24px;color:#2196f3;margin-bottom:8px;font-weight:700}.form-header p{color:#666;font-size:14px;margin:0}.input-method-toggle{display:flex;background:#ffd54f1a;border-radius:12px;padding:4px;margin-bottom:15px;gap:4px}.method-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;color:#666;transition:all .3s ease}.method-btn.active{background:#ffd54f;color:#333}.method-icon{font-size:14px}.beetot-input-group{margin-bottom:20px}.beetot-input-wrapper{position:relative;display:flex;align-items:center}.beetot-input{width:100%;padding:16px 50px 16px 20px;border:2px solid #e3f2fd;border-radius:16px;font-size:16px;background:#fffc;transition:all .3s ease;box-sizing:border-box}.beetot-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 4px #2196f31a;background:#fff;transform:translateY(-1px)}.beetot-input:hover{border-color:#bbdefb}.input-icon{position:absolute;right:16px;font-size:18px;color:#90a4ae;transition:color .3s ease}.beetot-input:focus+.input-icon{color:#2196f3}.password-wrapper{position:relative}.password-toggle{position:absolute;right:50px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:all .3s ease;z-index:10}.password-toggle:hover{background:#2196f31a}.beetot-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.beetot-checkbox{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#666}.beetot-checkbox input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;background:#fff;border:2px solid #e3f2fd;border-radius:4px;margin-right:10px;transition:all .3s ease;position:relative}.beetot-checkbox input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3}.beetot-checkbox input[type=checkbox]:checked+.checkmark:after{content:"\2713";position:absolute;color:#fff;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.forgot-password{color:#2196f3;text-decoration:none;font-size:14px;font-weight:600;transition:color .3s ease}.forgot-password:hover{color:#1976d2;text-decoration:underline}.beetot-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin-bottom:15px}.primary-btn{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 12px #2196f34d}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2196f366}.primary-btn:active{transform:translateY(0)}.beetot-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.beetot-submit-btn:hover:before{left:100%}.btn-icon{transition:transform .3s ease}.beetot-submit-btn:hover .btn-icon{transform:translate(3px)}.beetot-link-btn{background:none;border:none;color:#2196f3;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:color .3s ease}.beetot-link-btn:hover{color:#1976d2}.beetot-error-message,.beetot-success-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:20px}.beetot-error-message{background:#f443361a;border:1px solid rgba(244,67,54,.3);color:#d32f2f}.beetot-success-message{background:#4caf501a;border:1px solid rgba(76,175,80,.3);color:#388e3c}.beetot-trust-indicators{display:flex;justify-content:center;gap:20px;margin-top:30px;padding-top:25px;border-top:1px solid rgba(33,150,243,.1)}.trust-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666;font-weight:500}.trust-icon{font-size:14px}@media(max-width:480px){.beetot-login-container{padding:25px 20px;margin:10px}.beetot-form-options{flex-direction:column;align-items:flex-start}.beetot-trust-indicators,.banner-content{flex-direction:column;gap:10px}.input-method-toggle{margin-bottom:10px}.beetot-tab{padding:12px 16px;font-size:13px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-beetot-login.css.map */