.vip-button-wrapper{margin:0 0 40px;position:relative;z-index:1;display:flex;justify-content:center}.vip-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 32px;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border:none;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #ffd70040,0 2px 8px #0000001a;position:relative;overflow:hidden;min-height:56px;width:100%;letter-spacing:.5px}.vip-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ffd70059,0 4px 16px #00000026;background:linear-gradient(135deg,orange,gold)}.vip-button:active{transform:translateY(-1px);transition-duration:.1s;box-shadow:0 4px 16px #ffd7004d,0 2px 8px #0000001a}.vip-button:focus{outline:3px solid rgba(255,215,0,.5);outline-offset:3px}.vip-icon{flex-shrink:0;transition:transform .3s ease}.vip-button:hover .vip-icon{transform:rotate(15deg) scale(1.1)}.vip-button-text{font-family:inherit;font-size:17px;font-weight:700;color:#1a1a1a;margin-left:12px;letter-spacing:.5px;line-height:1.2}.vip-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.vip-modal.active{opacity:1;visibility:visible}.vip-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .4s ease;display:block}.vip-modal-content{position:relative;background:#111;border-radius:20px;box-shadow:0 25px 50px #0003,0 10px 20px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(30px);transition:transform .4s cubic-bezier(.4,0,.2,1);padding:20px}.vip-modal.active .vip-modal-content{transform:scale(1) translateY(0)}.vip-modal-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:32px 32px 0;border-bottom:1px solid #f0f0f0;margin-bottom:32px}.vip-modal-title{font-size:26px;font-weight:700;color:#1a1a1a;margin:0;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.vip-modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:12px;color:#000;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:10px;background:linear-gradient(135deg,gold,orange);height:36px;width:36px}.vip-modal-close:hover{background:#f8f9fa;color:#1a1a1a;transform:scale(1.05)}.vip-modal-close svg{width:20px;height:20px;display:block;stroke:#000}.vip-modal-body{padding:0 32px 32px}.vip-modal-subtitle{font-size:17px;color:#ccc;margin:10px 0 32px;line-height:1;font-weight:400;text-align:center}.vip-form{display:flex;flex-direction:column;gap:24px}.vip-form-group{position:relative}.vip-form-label{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:.3px}.vip-form-input{width:100%;padding:18px 20px;border:2px solid #e8e9ea;border-radius:12px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-sizing:border-box;font-weight:400;position:relative}.vip-form-input:hover:not(:focus){border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.vip-form-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 4px #ffd70026,0 4px 12px #ffd7001a;transform:translateY(-2px);background:#fffef7}.vip-form-input.error{border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c26;animation:shake .5s ease-in-out}.vip-form-error{color:#e74c3c;font-size:14px;margin-top:12px;min-height:22px;opacity:0;transition:opacity .3s ease;font-weight:500}.vip-form-error.show{opacity:1}.vip-form-submit{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:60px;letter-spacing:.5px;margin-top:-5px}.vip-form-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #ffd70066;background:linear-gradient(135deg,#ffe55c,#ffb347)}.vip-form-submit:active{transform:translateY(-1px);transition:all .1s ease}.vip-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.vip-form-submit.loading{pointer-events:none;background:linear-gradient(135deg,gold,orange);position:relative;overflow:hidden}.vip-form-submit.loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}.vip-loading-spinner{display:none}.vip-form-submit.loading .vip-submit-text{opacity:0}.vip-form-submit.loading .vip-loading-spinner{display:block;position:absolute}.vip-form-submit.loading .vip-button-text{opacity:.8}.vip-success-message{display:none;align-items:center;gap:12px;padding:24px;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-radius:12px;color:#155724;text-align:center;font-size:17px;font-weight:600;margin-top:24px;line-height:1.5;letter-spacing:.3px;box-shadow:0 2px 8px #1557241a;flex-direction:column}.vip-success-message.show{display:flex;flex-direction:column}.vip-success-icon{flex-shrink:0;color:#10b981}.vip-success-message p{margin:0;font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 1024px){.vip-button-wrapper{margin:20px 0;padding:0 16px}.vip-button{padding:16px 24px;font-size:16px;min-height:54px}.vip-button-text{font-size:16px;margin-left:10px}}@media (max-width: 768px){.vip-button-wrapper{margin:16px 0;padding:0 12px}.vip-button{padding:16px 20px;font-size:15px;min-height:52px;border-radius:10px}.vip-button-text{font-size:15px;margin-left:8px}.vip-icon{width:18px;height:18px}.vip-modal-content{margin:16px;max-width:calc(100% - 32px);border-radius:16px;max-height:calc(100vh - 32px);overflow-y:auto}.vip-modal-header{padding:24px 24px 0;margin-bottom:24px}.vip-modal-title{font-size:22px;line-height:1.3}.vip-modal-close{width:40px;height:40px;padding:10px}.vip-modal-body{padding:0 24px 24px}.vip-modal-subtitle{font-size:16px;margin-bottom:28px}.vip-form{gap:20px}.vip-form-input{font-size:16px;padding:16px 18px;border-radius:10px}.vip-form-submit{padding:18px 24px;font-size:16px;min-height:56px;border-radius:10px}}@media (max-width: 480px){.vip-button-wrapper{margin:12px 0;padding:0 8px}.vip-button{padding:14px 18px;font-size:14px;min-height:48px;border-radius:8px}.vip-button-text{font-size:14px;margin-left:6px}.vip-icon{width:16px;height:16px}.vip-modal-content{margin:12px;max-width:calc(100% - 24px);border-radius:12px;max-height:calc(100vh - 24px)}.vip-modal-header{padding:20px 20px 0;margin-bottom:20px}.vip-modal-title{font-size:20px;line-height:1.2}.vip-modal-close{width:36px;height:36px;padding:8px}.vip-modal-body{padding:0 20px 20px}.vip-modal-subtitle{font-size:15px;margin-bottom:24px}.vip-form{gap:18px}.vip-form-label{font-size:14px;margin-bottom:10px}.vip-form-input{padding:14px 16px;font-size:16px;border-radius:8px}.vip-form-submit{padding:16px 20px;font-size:15px;min-height:52px;border-radius:8px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.vip-modal:focus{outline:none}@media (prefers-contrast: high){.vip-button{border:2px solid currentColor}.vip-form-input{border-width:2px}}@media (prefers-reduced-motion: reduce){.vip-button,.vip-modal,.vip-modal-content,.vip-form-input,.vip-form-submit{transition:none}.vip-loading-spinner circle{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vip-button.css.map */