.cookie-debug-panel[data-v-ce6de380]{position:fixed;top:10px;right:10px;background:#f8f9fa;border:2px solid #007bff;border-radius:8px;padding:15px;max-width:400px;max-height:80vh;overflow-y:auto;z-index:9999;font-family:monospace;font-size:12px}.debug-section[data-v-ce6de380]{margin-bottom:15px;padding:10px;background:white;border-radius:4px;border:1px solid #dee2e6}.debug-section h5[data-v-ce6de380]{margin:0 0 8px;color:#007bff;font-size:14px}.debug-section pre[data-v-ce6de380]{margin:0;white-space:pre-wrap;word-break:break-all;font-size:11px}.debug-actions[data-v-ce6de380]{display:flex;flex-wrap:wrap;gap:5px}.debug-btn[data-v-ce6de380]{background:#007bff;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:11px}.debug-btn[data-v-ce6de380]:hover{background:#0056b3}.debug-toggle-btn[data-v-ce6de380]{position:fixed;top:10px;right:10px;background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;z-index:9999}.debug-toggle-btn[data-v-ce6de380]:hover{background:#1e7e34}.bg-dots-darker{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){.dark\:bg-dots-lighter{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E")}}.highlighted-sport{border:3px solid #1E79BE!important;box-shadow:0 0 15px #1e79be4d!important;transform:scale(1.05);transition:all .3s ease}.personalized-welcome{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:4px solid #1E79BE;padding:12px 16px;border-radius:8px;margin:16px 0}.personalized-welcome p{margin:0;font-weight:500}.sport-selection-status{background:linear-gradient(135deg,#e8f5e8 0%,#f0f8f0 100%);border-left:4px solid #28a745;padding:12px 16px;border-radius:8px;margin:16px 0}.sport-selection-status p{margin:0;font-weight:500;color:#28a745}.sport-ctn{transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.sport-ctn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.sport-selection-btn{cursor:pointer;position:relative;transition:all .3s ease}.sport-selection-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #0003}.sport-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;color:#fff}.sport-selection-btn:hover .sport-overlay{opacity:1}.sport-icon{margin-bottom:8px}.sport-overlay-text{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.highlighted-sport{border:3px solid #1E79BE!important;box-shadow:0 0 20px #1e79be66!important;transform:scale(1.05);transition:all .3s ease}.highlighted-sport .sport-overlay{background:rgba(30,121,190,);opacity:1}.sport-selection-btn.loading{pointer-events:none;opacity:.7;cursor:not-allowed}.sport-selection-btn.loading .sport-overlay{background:rgba(0,0,0,.8);opacity:1}.sport-selection-btn.loading .sport-overlay-text{content:"Loading..."}.sport-selection-btn.loading .sport-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.soccer-button{background-color:#018179!important;color:#fff!important}.soccer-button:hover{background-color:#016a63!important}.drag-drop-section{position:relative;padding:40px 0}.drag-drop-content{animation:fadeInUp .8s ease-out}.drag-drop-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,rgba(30,121,190,.1) 0%,rgba(30,121,190,.05) 100%);border:1px solid rgba(30,121,190,.2);border-radius:20px;font-size:14px;font-weight:500;color:#1e79be;letter-spacing:.5px;text-transform:uppercase}.drag-drop-title{margin:16px 0;color:#1e79be;background:linear-gradient(135deg,#1E79BE 0%,#2a9d8f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s both}@supports not (-webkit-background-clip: text){.drag-drop-title{color:#1e79be;-webkit-text-fill-color:#1E79BE}}.drag-drop-description{font-size:18px;font-weight:400;line-height:1.8;color:#4a5568;margin:20px 0;animation:fadeInUp .8s ease-out .4s both}.feature-highlights{display:flex;flex-direction:column;gap:12px;padding:20px 0;animation:fadeInUp .8s ease-out .6s both}.feature-item{display:flex;align-items:center;font-size:16px;color:#2d3748;font-weight:400}.enhanced-start-btn{padding:14px 32px!important;font-size:16px!important;font-weight:600!important;text-transform:none!important;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1e79be4d!important;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out .8s both}.enhanced-start-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}.enhanced-start-btn:hover:before{left:100%}.enhanced-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e79be66!important}.enhanced-start-btn:hover .btn-arrow{transform:translate(4px)}.btn-arrow{transition:transform .3s ease}.btn-label{font-weight:600}.drag-drop-image-container{animation:fadeInRight .8s ease-out;position:relative}.image-wrapper{position:relative;border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.image-wrapper:hover{transform:translateY(-8px) scale(1.02)}.image-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(30,121,190,.2) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1}.image-wrapper:hover .image-glow{opacity:1}.enhanced-image{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #00000026,0 0 0 1px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;position:relative;z-index:2}.image-wrapper:hover .enhanced-image{box-shadow:0 16px 48px #0003,0 0 0 1px #1e79be1a}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;z-index:3;border-radius:16px}.image-wrapper:hover .image-overlay{opacity:1}.zoom-icon{transition:transform .3s ease}.image-wrapper:hover .zoom-icon{transform:scale(1.1) rotate(5deg)}.image-caption{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#718096;letter-spacing:.3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animation-section{position:relative;padding:40px 0}.animation-content{animation:fadeInUp .8s ease-out}.animation-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,rgba(30,121,190,.1) 0%,rgba(30,121,190,.05) 100%);border:1px solid rgba(30,121,190,.2);border-radius:20px;font-size:14px;font-weight:500;color:#1e79be;letter-spacing:.5px;text-transform:uppercase}.animation-title{margin:16px 0;color:#1e79be;background:linear-gradient(135deg,#1E79BE 0%,#2a9d8f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s both}@supports not (-webkit-background-clip: text){.animation-title{color:#1e79be;-webkit-text-fill-color:#1E79BE}}.animation-description{font-size:18px;font-weight:400;line-height:1.8;color:#4a5568;margin:20px 0;animation:fadeInUp .8s ease-out .4s both}.animation-image-container{animation:fadeInLeft .8s ease-out;position:relative}.save-load-section{position:relative;padding:40px 0}.save-load-content{animation:fadeInUp .8s ease-out}.save-load-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,rgba(30,121,190,.1) 0%,rgba(30,121,190,.05) 100%);border:1px solid rgba(30,121,190,.2);border-radius:20px;font-size:14px;font-weight:500;color:#1e79be;letter-spacing:.5px;text-transform:uppercase}.save-load-title{margin:16px 0;color:#1e79be;background:linear-gradient(135deg,#1E79BE 0%,#2a9d8f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s both}@supports not (-webkit-background-clip: text){.save-load-title{color:#1e79be;-webkit-text-fill-color:#1E79BE}}.save-load-description{font-size:18px;font-weight:400;line-height:1.8;color:#4a5568;margin:20px 0;animation:fadeInUp .8s ease-out .4s both}.save-load-image-container{animation:fadeInRight .8s ease-out;position:relative}.cloud-icon{transition:transform .3s ease}.image-wrapper:hover .cloud-icon{transform:scale(1.1) rotate(-5deg)}@media (max-width: 720px){.drag-drop-badge,.animation-badge,.save-load-badge{font-size:12px;padding:6px 12px}.drag-drop-title,.animation-title,.save-load-title{font-size:32px}.drag-drop-description,.animation-description,.save-load-description{font-size:16px}.feature-item{font-size:14px}.enhanced-start-btn{padding:12px 24px!important;font-size:14px!important}.image-wrapper:hover{transform:translateY(-4px) scale(1.01)}}.pricing-section{margin:80px 0;padding:60px 0 80px;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 50%,#e2e8f0 100%);position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(30,121,190,.3),transparent)}.pricing-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(30,121,190,.2),transparent)}.pricing-container{max-width:1200px;margin:0 auto;padding:0 24px}.pricing-header{text-align:center;margin-bottom:40px}.pricing-badge{display:inline-flex;align-items:center;padding:8px 18px;background:linear-gradient(135deg,rgba(30,121,190,.12) 0%,rgba(30,121,190,.06) 100%);border:1px solid rgba(30,121,190,.2);border-radius:24px;font-size:13px;font-weight:600;color:#1e79be;letter-spacing:.8px;text-transform:uppercase;margin-bottom:20px}.pricing-title{font-size:42px;font-weight:700;color:#1a202c;margin:0 0 12px;letter-spacing:-.5px;line-height:1.2}.pricing-subtitle{font-size:18px;color:#64748b;margin:0;font-weight:400}.billing-toggle-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:48px}.billing-toggle{position:relative;display:inline-flex;background:#e2e8f0;border-radius:12px;padding:4px;gap:0}.toggle-btn{position:relative;z-index:2;padding:12px 32px;font-size:15px;font-weight:600;color:#64748b;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:color .3s ease}.toggle-btn.active{color:#1a202c}.toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:white;border-radius:10px;box-shadow:0 2px 8px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1)}.toggle-slider.yearly{transform:translate(100%)}.savings-badge{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);color:#92400e;font-size:13px;font-weight:700;border-radius:20px;letter-spacing:.3px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(-8px)}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pricing-cards.mobile-layout{grid-template-columns:1fr;max-width:420px;margin:0 auto}.pricing-card{position:relative;background:white;border-radius:20px;padding:32px 28px;box-shadow:0 4px 20px #0000000f;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardSlideUp .6s ease-out both}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001f}.free-tier{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}.free-tier:hover{border-color:#94a3b8}.solo-tier.popular{background:linear-gradient(180deg,#ffffff 0%,#f0f9ff 100%);border:2px solid #1E79BE;box-shadow:0 8px 30px #1e79be26;transform:scale(1.02)}.solo-tier.popular:hover{transform:scale(1.02) translateY(-8px);box-shadow:0 16px 50px #1e79be33}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;padding:6px 16px;background:linear-gradient(135deg,#1E79BE 0%,#3b82f6 100%);color:#fff;font-size:12px;font-weight:700;border-radius:20px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.team-tier{background:linear-gradient(180deg,#ffffff 0%,#faf5ff 100%)}.team-tier:hover{border-color:#a78bfa}.team-badge{display:inline-flex;align-items:center;padding:6px 12px;background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);color:#7c3aed;font-size:11px;font-weight:700;border-radius:16px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.card-header{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.tier-label{display:block;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.price-display{display:flex;align-items:baseline;gap:2px;margin-bottom:8px}.currency{font-size:24px;font-weight:600;color:#1a202c;align-self:flex-start;margin-top:8px}.price-amount{font-size:52px;font-weight:700;color:#1a202c;line-height:1;letter-spacing:-2px}.price-period{font-size:16px;font-weight:500;color:#94a3b8}.price-description{font-size:14px;color:#64748b;margin:0;line-height:1.5}.yearly-breakdown{font-size:12px;color:#94a3b8}.card-features{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.feature-row{display:flex;align-items:flex-start;gap:12px}.feature-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%}.feature-icon.included{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);color:#059669}.feature-icon.excluded{background:#fef2f2;color:#ef4444}.feature-text{font-size:14px;color:#374151;line-height:1.5}.feature-text.muted{color:#9ca3af;text-decoration:line-through;text-decoration-color:#d1d5db}.card-footer{margin-top:auto}.card-footer a{text-decoration:none;display:block}.plan-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.plan-btn .btn-arrow{transition:transform .3s ease}.plan-btn:hover .btn-arrow{transform:translate(4px)}.free-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.free-btn:hover{background:#e2e8f0;color:#1e293b}.primary-btn{background:linear-gradient(135deg,#1E79BE 0%,#3b82f6 100%);color:#fff;box-shadow:0 4px 14px #1e79be59}.primary-btn:hover{box-shadow:0 6px 20px #1e79be73;transform:translateY(-2px)}.primary-btn.soccer-theme{background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 4px 14px #05966959}.primary-btn.soccer-theme:hover{box-shadow:0 6px 20px #05966973}.team-btn{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);color:#fff;box-shadow:0 4px 14px #7c3aed4d}.team-btn:hover{box-shadow:0 6px 20px #7c3aed66;transform:translateY(-2px)}.pricing-trust{display:flex;justify-content:center;gap:40px;margin-top:48px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#64748b}@media (max-width: 720px){.pricing-section{padding:40px 0 60px;margin:60px 0}.pricing-title{font-size:32px}.pricing-subtitle{font-size:16px}.toggle-btn{padding:10px 24px;font-size:14px}.pricing-card{padding:28px 24px}.solo-tier.popular{transform:none;margin-top:24px}.solo-tier.popular:hover{transform:translateY(-8px)}.price-amount{font-size:44px}.pricing-trust{gap:24px}.trust-item{font-size:13px}}