@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in{animation:fadeIn .6s ease-out}.float-animation{animation:float 3s ease-in-out infinite}.gradient-button{transition:all .3s ease}.pulse-on-hover:hover{animation:pulse .6s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.parallax-bg:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#00bcd433 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.feature-card{overflow:hidden;position:relative}.feature-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.feature-card:hover:before{left:100%}@media (max-width:768px){.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1.1rem!important}.stats-grid{gap:1rem}}.cta-button{overflow:hidden;position:relative;z-index:1}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%;z-index:-1}.cta-button:hover:before{left:100%}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#00bcd480;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00bcd4b3}.subscription-expired{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:900px;padding:40px;width:100%}.header{margin-bottom:40px;text-align:center}.header h1{color:#e74c3c;font-size:2.5rem;font-weight:600;margin-bottom:10px}.expired-status{background:#ffe6e6;border-radius:4px;color:#e74c3c;font-weight:700;padding:2px 8px}.header p{color:#666;font-size:1.1rem;margin-bottom:8px}.user-info{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px}.user-info h2{color:#333;font-size:1.3rem;margin-bottom:15px}.user-info p{color:#555;margin-bottom:8px}.pricing,.pricing h2{margin-bottom:30px}.pricing h2{color:#333;font-size:1.8rem;text-align:center}.plans{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease}.plan:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.plan.recommended{border-color:#28a745;transform:scale(1.05)}.badge{background:#28a745;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;left:50%;padding:5px 15px;position:absolute;top:-10px;transform:translateX(-50%)}.plan h3{color:#333;font-size:1.4rem}.plan h3,.price{margin-bottom:15px}.amount{color:#333;font-size:2.5rem;font-weight:700}.currency{color:#666;font-size:1.2rem;margin-left:5px}.period{color:#666;font-size:1rem}.discount{background:#ff6b6b;border-radius:15px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:15px;padding:4px 12px}.features{list-style:none;margin-bottom:25px;padding:0}.features li{color:#555;padding:8px 0 8px 20px;position:relative}.features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.extend-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:all .3s ease;width:100%}.extend-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.extend-btn:disabled{cursor:not-allowed;opacity:.6}.support{background:#f8f9fa;border-radius:8px;padding:20px}.error,.loading,.support{color:#666;text-align:center}.error,.loading{font-size:1.2rem;padding:60px 20px}.error{color:#e74c3c}@media (max-width:768px){.container{padding:20px}.header h1{font-size:2rem}.plans{grid-template-columns:1fr}.plan.recommended{transform:none}}
/*# sourceMappingURL=main.8f79084f.css.map*/