@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}25%,75%{transform:translateY(-2px) scale(1.02)}50%{transform:translateY(-4px) scale(1.05)}}@keyframes cardShimmer{0%{left:-100%}to{left:100%}}@keyframes badgeShimmer{0%{left:-100%}to{left:100%}}.billing-toggle{justify-content:center;gap:20px;margin:40px auto;font-size:1.15rem;padding:10px 25px;background:rgba(255,255,255,.05);border-radius:50px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.billing-toggle,.billing-toggle label,.billing-toggle-container{position:relative;display:inline-flex;align-items:center}.billing-toggle-container{gap:20px;padding:8px 20px;background:rgba(255,255,255,.05);border-radius:50px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.billing-toggle label{color:rgba(255,255,255,.8);cursor:pointer;font-weight:600;transition:all .3s ease;user-select:none;z-index:2;white-space:nowrap;line-height:1}.billing-toggle label:hover{color:#fff;text-shadow:0 0 10px rgba(102,126,234,.5)}.billing-toggle input[type=checkbox]{position:relative;width:90px;height:40px;appearance:none;background:rgba(255,255,255,.15);border-radius:50px;outline:0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.2);overflow:hidden;margin:0 15px}.billing-toggle input[type=checkbox]:checked{background:linear-gradient(-45deg,#667eea,#764ba2,#8b5fbf,#5a9fd4,#667eea,#9b7cbf);background-size:400% 400%;animation:gradientShift 4s ease infinite;border:2px solid rgba(255,255,255,.3);box-shadow:0 0 20px rgba(102,126,234,.4)}.billing-toggle input[type=checkbox]:before{content:"";position:absolute;width:32px;height:32px;border-radius:50%;top:50%;transform:translateY(-50%);left:4px;background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 15px rgba(0,0,0,.3);z-index:1}.billing-toggle input[type=checkbox]:checked:before{left:calc(100% - 36px);box-shadow:0 2px 20px rgba(102,126,234,.5)}.billing-toggle input[type=checkbox]:hover{transform:scale(1.05)}.annual-savings,.discount-badge{display:inline-block;font-weight:700;margin-left:8px}.discount-badge{background:linear-gradient(-45deg,#667eea,#764ba2,#8b5fbf,#5a9fd4,#667eea,#9b7cbf);background-size:400% 400%;animation:gradientShift 4s ease infinite;color:#fff;padding:5px 14px;border-radius:25px;font-size:.85rem;letter-spacing:.5px;box-shadow:0 4px 15px rgba(102,126,234,.3);position:relative;overflow:hidden;vertical-align:middle}.discount-badge::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 3s infinite}.annual-savings{background:linear-gradient(90deg,#4ade80,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-moz-background-clip:text;-moz-text-fill-color:transparent;font-size:.9rem;text-shadow:0 0 20px rgba(74,222,128,.3)}.annual-btn,.card-billing-toggle{position:relative;overflow:visible}.annual-btn::after{content:"15% OFF";position:absolute;top:-12px;right:-12px;background:linear-gradient(-45deg,#ef4444,#dc2626,#b91c1c,#ef4444);background-size:400% 400%;animation:gradientShift 3s ease infinite,bounce 2s ease-in-out infinite;color:#fff;padding:4px 10px;border-radius:15px;font-size:.7rem;font-weight:700;box-shadow:0 4px 12px rgba(239,68,68,.4);z-index:10;letter-spacing:.5px}.billing-toggle label.active{color:#fff;text-shadow:0 0 15px rgba(102,126,234,.6)}.card-billing-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin:10px auto 32px;padding:8px 16px;background:linear-gradient(-45deg,#667eea,#764ba2,#8b5fbf,#5a9fd4,#667eea,#9b7cbf);background-size:400% 400%;animation:gradientShift 4s ease infinite;border-radius:35px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-size:.9rem;box-shadow:0 6px 25px rgba(102,126,234,.3)}.card-billing-toggle::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:cardShimmer 4s infinite}.card-billing-toggle label{color:rgba(255,255,255,.8);cursor:pointer;font-weight:500;font-size:.85rem;transition:all .3s ease;user-select:none;position:relative;z-index:2;text-shadow:0 1px 3px rgba(0,0,0,.2)}.card-billing-toggle label.active{color:#fff;font-weight:600;text-shadow:0 0 10px rgba(255,255,255,.5)}.card-billing-toggle input[type=checkbox]{position:relative;width:65px;height:30px;appearance:none;background:rgba(255,255,255,.15);border-radius:25px;outline:0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);margin:0 8px;overflow:hidden}.card-billing-toggle input[type=checkbox]:checked{background:linear-gradient(-45deg,#667eea,#764ba2,#8b5fbf,#5a9fd4);background-size:400% 400%;animation:gradientShift 4s ease infinite;border-color:rgba(255,255,255,.3);box-shadow:0 0 12px rgba(102,126,234,.3)}.card-billing-toggle input[type=checkbox]:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;top:50%;transform:translateY(-50%);left:3px;background:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:1}.card-billing-toggle input[type=checkbox]:checked:before{left:calc(100% - 27px);box-shadow:0 2px 12px rgba(102,126,234,.4)}.card-billing-toggle input[type=checkbox]:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(102,126,234,.2)}.card-discount-badge{display:inline-block;background:linear-gradient(-45deg,#667eea,#764ba2,#8b5fbf,#5a9fd4);background-size:400% 400%;animation:gradientShift 4s ease infinite;color:#fff;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:700;margin-left:4px;vertical-align:middle;box-shadow:0 2px 8px rgba(102,126,234,.3);position:relative;overflow:hidden}.card-discount-badge::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:badgeShimmer 3s infinite}@media (max-width:768px){.card-billing-toggle{gap:8px;padding:6px 12px;margin:10px auto 25px;font-size:.85rem}.card-billing-toggle label{font-size:.8rem}.card-billing-toggle input[type=checkbox]{width:55px;height:26px;margin:0 6px}.card-billing-toggle input[type=checkbox]:before{width:20px;height:20px;left:3px}.card-billing-toggle input[type=checkbox]:checked:before{left:calc(100% - 23px)}.card-discount-badge{font-size:.65rem;padding:2px 6px}.billing-toggle{font-size:.9rem;gap:8px;padding:8px 15px;flex-direction:row;align-items:center;justify-content:center;width:auto;max-width:100%;margin:30px auto;overflow:hidden}.billing-toggle label{font-size:.9rem;white-space:nowrap}.billing-toggle input[type=checkbox]{width:60px;height:32px;margin:0 8px}.billing-toggle input[type=checkbox]:hover{transform:none}.card-billing-toggle input[type=checkbox]:hover{transform:none;box-shadow:0 0 15px rgba(102,126,234,.2)}.annual-btn,.card-billing-toggle{overflow:hidden}.billing-toggle input[type=checkbox]:before{width:26px;height:26px;left:3px;top:50%;transform:translateY(-50%)}.billing-toggle input[type=checkbox]:checked:before{left:calc(100% - 29px)}.discount-badge{font-size:.7rem;padding:3px 8px;margin-left:4px}}