:root{--color-primary:#00ffa3;--color-primary-dark:#00cc82;--color-primary-darker:#00b574;--color-primary-light:#00ff9a;--color-primary-lighter:#00b56e;--color-secondary:#009f66;--color-secondary-dark:#009960;--color-secondary-light:#00a86f;--color-background:#001012;--color-white:#ffffff;--color-black:#000000;--color-dark:#001012;--color-light:#94b8b4;--color-premium-gold:#FFD700;--color-premium-orange:#FFA500;--color-premium-dark:#2a1f00;--color-premium-darker:#1a1200;--color-premium-border:#4a3c00;--color-premium-accent:#ffad01;--color-premium-hover:#8b6914;--color-premium-text:#1a1200;--color-premium-scroll:rgba(255,215,0,0.5);--color-success:#00ffa3;--color-danger:#ff2f3b;--color-danger-dark:#d60505;--color-danger-darker:#a43b14;--color-error:#ff4444;--color-error-dark:#ff4747;--color-error-darker:#ff0000;--color-red:#ff6b6b;--color-red-dark:#ff5555;--color-warning:#fbbf24;--color-warning-5:rgba(251,191,36,0.05);--color-warning-30:rgba(251,191,36,0.3);--color-info:#00a3ff;--color-primary-5:rgba(0,255,163,0.05);--color-primary-10:rgba(0,255,163,0.1);--color-primary-15:rgba(0,255,163,0.15);--color-primary-20:rgba(0,255,163,0.2);--color-primary-30:rgba(0,255,163,0.3);--color-primary-40:rgba(0,255,163,0.4);--color-primary-50:rgba(0,255,163,0.5);--color-primary-70:rgba(0,255,163,0.7);--color-premium-10:rgba(255,215,0,0.1);--color-premium-15:rgba(255,215,0,0.15);--color-premium-20:rgba(255,215,0,0.2);--color-premium-30:rgba(255,215,0,0.3);--color-premium-40:rgba(255,215,0,0.4);--color-premium-70:rgba(255,215,0,0.7);--color-premium-80:rgba(255,215,0,0.8);--color-white-0:rgba(255,255,255,0);--color-white-2:rgba(255,255,255,0.02);--color-white-3:rgba(255,255,255,0.03);--color-white-5:rgba(255,255,255,0.05);--color-white-6:rgba(255,255,255,0.06);--color-white-8:rgba(255,255,255,0.08);--color-white-10:rgba(255,255,255,0.10);--color-white-12:rgba(255,255,255,0.12);--color-white-15:rgba(255,255,255,0.15);--color-white-20:rgba(255,255,255,0.20);--color-white-30:rgba(255,255,255,0.30);--color-white-50:rgba(255,255,255,0.50);--color-white-60:rgba(255,255,255,0.60);--color-white-70:rgba(255,255,255,0.70);--color-white-80:rgba(255,255,255,0.80);--color-white-85:rgba(255,255,255,0.85);--color-white-90:rgba(255,255,255,0.90);--color-black-20:rgba(0,0,0,0.20);--color-black-30:rgba(0,0,0,0.30);--color-black-80:rgba(0,0,0,0.80);--color-border:#1e3b39;--color-border-opacity:rgba(255,255,255,0.1);--color-border-light:rgba(255,255,255,0.2);--stroke-weight-1:1px;--text-primary:var(--color-white);--text-secondary:var(--color-white-70);--text-muted:var(--color-white-50);--input-background:rgba(255,255,255,0.05);--input-background-focus:rgba(255,255,255,0.08);--input-border:var(--color-border);--input-border-focus:var(--color-primary);--gradient-primary:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);--gradient-primary-reverse:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);--gradient-secondary:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);--gradient-premium:linear-gradient(135deg,var(--color-premium-gold) 0%,var(--color-premium-orange) 100%);--gradient-premium-reverse:linear-gradient(135deg,var(--color-premium-orange) 0%,var(--color-premium-gold) 100%);--gradient-danger:linear-gradient(135deg,var(--color-danger-dark) 0%,var(--color-danger-darker) 100%);--card-background:linear-gradient(135deg,var(--color-white-10) 0%,var(--color-white-5) 50%,rgba(255,255,255,0.00) 100%),var(--color-background);--card-background-simple:var(--color-white-2);--card-background-premium:var(--color-premium-dark);--text-shadow:0px 4px 4px rgba(0,0,0,0.25);--button-shadow:0px -4px 2px 0px inset rgba(0,0,0,0.25),0px 2px 1px 0px inset rgba(255,255,255,0.25);--shadow-primary:0 8px 24px rgba(0,255,163,0.3);--shadow-primary-hover:0 12px 32px rgba(0,255,163,0.4);--shadow-premium:0 4px 12px rgba(255,215,0,0.4);--shadow-premium-hover:0 8px 20px rgba(255,215,0,0.5);--shadow-danger:0 4px 12px rgba(214,5,5,0.3);--shadow-danger-hover:0 8px 20px rgba(214,5,5,0.4);--font-primary:"Host Grotesk",sans-serif;--font-secondary:"Neue Haas Grotesk Display Pro",sans-serif;--gradient-premium-badge:linear-gradient(135deg,var(--color-premium-orange),var(--color-premium-gold));--gradient-premium-section:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,165,0,0.05));--gradient-premium-odds:linear-gradient(135deg,rgba(255,215,0,0.15),rgba(255,165,0,0.15));--gradient-premium-dialog:linear-gradient(135deg,rgba(42,31,0,0.95),rgba(0,0,0,0.95));--gradient-premium-card:linear-gradient(45deg,var(--color-premium-dark),var(--color-premium-border));--gradient-video-locked:linear-gradient(135deg,rgba(0,0,0,0.8),rgba(0,0,0,0.6));--gradient-button-shine:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent)}*,:after,:before{box-sizing:border-box;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{font-family:Bricolage Grotesque,sans-serif;background-color:#001012;color:#ffffff;margin:0;padding:0;min-height:100vh;line-height:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0}ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}input,select,textarea{color-scheme:dark;-webkit-appearance:none;-moz-appearance:none;appearance:none}select{background-color:rgba(255,255,255,.05);color:#ffffff;border:1px solid var(--color-border)}select option{background-color:#001012;color:#ffffff}[role=button],button{cursor:pointer;background-image:none;border:none}a{color:inherit;text-decoration:inherit}.main-container{width:100%;max-width:800px;margin:0 auto;padding:0 24px 96px;display:flex;flex-direction:column;gap:24px}.cards-grid{display:grid;grid-gap:24px;gap:24px;width:100%;grid-template-columns:1fr;align-items:start}@media (min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr)}.main-container{max-width:1200px}}@media (min-width:1024px){.cards-grid{grid-template-columns:repeat(3,1fr);gap:32px}.main-container{max-width:1400px}}.stats-container{display:flex;gap:16px}.actions-container{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}@media (min-width:768px){.actions-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.actions-container{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card-background);border:1px solid var(--color-border);border-radius:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.app-container,.min-h-screen{min-height:100vh}.bg-dark{background-color:#001012}.full-width,.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-2{gap:8px}.flex.items-center{align-items:center}.flex.justify-between{justify-content:space-between}.flex.items-center.justify-between{align-items:center;justify-content:space-between}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-white-5);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-white-20);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-white-30)}*{scrollbar-width:thin;scrollbar-color:var(--color-white-20) var(--color-white-5)}html{scroll-behavior:smooth}.scrollbar-dark::-webkit-scrollbar-track{background:var(--color-black-20)}.scrollbar-dark::-webkit-scrollbar-thumb{background:var(--color-white-10)}.scrollbar-dark::-webkit-scrollbar-thumb:hover{background:var(--color-white-20)}.header-container{padding:32px 24px;width:100%;max-width:800px;margin:0 auto}.header-title{font-family:var(--font-primary);font-size:24px;font-weight:700;line-height:28px;letter-spacing:.45px;color:var(--color-white);font-variation-settings:"opsz" 14,"wdth" 100}.header-divider{width:96px;height:2px;background:linear-gradient(90deg,var(--color-primary) 0,rgba(0,255,163,0) 100%)}.page-content{padding-top:64px}.page-content.with-topbar{padding-top:130px}@media (min-width:768px){.header-container{max-width:1200px}}@media (min-width:1024px){.header-container{max-width:1400px}}.header-with-back{padding:32px 24px;width:100%;max-width:800px;margin:0 auto;display:flex;align-items:center;gap:8px}.header-content{flex:1 1;display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.header-with-back{max-width:1200px}}@media (min-width:1024px){.header-with-back{max-width:1400px}}.header-content h1{font-family:var(--font-primary);font-size:24px;font-weight:700;line-height:28px;letter-spacing:.45px;color:var(--color-white);font-variation-settings:"opsz" 14,"wdth" 100}.header-content p{font-family:var(--font-primary);font-size:16px;font-weight:400;line-height:1.4;color:var(--color-light);font-variation-settings:"opsz" 14,"wdth" 100}.navbar{position:fixed;top:0;left:0;right:0;background:var(--card-background);border-bottom:1px solid var(--color-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;padding:16px 0}.navbar-content{justify-content:space-between;padding:0 24px;max-width:1400px;margin:0 auto}.navbar-content,.navbar-logo{display:flex;align-items:center}.navbar-logo{height:32px}.navbar-logo-svg{height:32px;width:auto}.navbar-user{display:flex;align-items:center;gap:12px}.navbar-user-buttons{display:flex;align-items:center;gap:8px}.navbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-light);cursor:pointer;transition:all .2s ease;position:relative}.navbar-icon-button:hover{background:var(--color-white-5);border-color:var(--color-primary);color:var(--color-primary)}.admin-access-dropdown{position:relative}.access-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-background);border:1px solid var(--color-border);border-radius:12px;padding:12px;min-width:280px;box-shadow:0 8px 24px var(--color-black-30);z-index:1001}.access-dropdown-header{display:flex;align-items:center;gap:8px;padding:8px 12px;margin-bottom:8px;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--color-white);border-bottom:1px solid var(--color-border)}.access-dropdown-item{padding:8px 12px}.access-switch-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--font-primary);font-size:13px;font-weight:500;color:var(--color-white);margin-bottom:8px}.access-switch{position:relative;width:44px;height:24px;background:var(--color-border);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.access-switch.active{background:var(--color-primary)}.access-switch-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-white);border-radius:50%;transition:all .3s ease;pointer-events:none}.access-switch.active .access-switch-thumb{left:22px}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.outline-button:hover{background:var(--color-white-5);border-color:var(--color-primary);color:var(--color-primary)}@media (max-width:768px){.navbar-content{padding:0 16px}.navbar-logo-svg{height:28px}.navbar-icon-button{width:36px;height:36px}.access-dropdown-menu{min-width:260px;right:-8px}}.floating-chat-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:var(--gradient-primary);border:none;border-radius:50%;color:var(--color-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);transition:all .3s ease;z-index:1000;font-family:var(--font-primary)}.floating-chat-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--color-primary-40);background:var(--gradient-primary-hover)}.floating-chat-button:active{transform:translateY(0);box-shadow:0 4px 16px var(--color-primary-20)}.floating-chat-button svg{transition:transform .3s ease}.floating-chat-button:hover svg{transform:scale(1.1)}@media (max-width:768px){.floating-chat-button{bottom:20px;right:20px;width:56px;height:56px}.floating-chat-button svg{width:22px;height:22px}}.card-panel{background:transparent;border:1px solid var(--color-border-opacity);border-radius:20px;padding:16px;width:100%;position:relative}.card-panel-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding-right:8px}.card-panel-title{font-family:var(--font-primary);font-size:14px;font-weight:600;line-height:1.4;color:var(--color-light);text-transform:uppercase;font-variation-settings:"opsz" 14,"wdth" 100}.card-panel-indicator{width:8px;height:8px;background:var(--color-primary);border-radius:50%;position:absolute;right:-8px}.card-panel-value{font-family:var(--font-primary);font-size:24px;font-weight:700;line-height:1.4;color:var(--color-white);font-variation-settings:"opsz" 14,"wdth" 100}.card-button{background:var(--card-background);border:var(--stroke-weight-1) solid var(--color-border);border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:24px 16px;width:100%;display:flex;align-items:center;gap:16px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.card-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-8),var(--color-primary-3));opacity:0;transition:opacity .3s ease}.card-button:hover{border-color:var(--color-primary-30);transform:translateY(-2px);box-shadow:0 8px 32px var(--color-primary-10)}.card-button:hover:before{opacity:1}.card-button:active{transform:translateY(0)}.card-button--disabled{cursor:pointer;opacity:.6}.card-button--disabled img,.high-odds-card-wrapper.disabled img{opacity:.5}.high-odds-card-wrapper.disabled{opacity:.6;cursor:pointer}.card-button-icon{width:68px;height:64px;flex-shrink:0;position:relative;overflow:hidden;border-radius:12px;transition:transform .3s ease}.card-button:hover .card-button-icon{transform:scale(1.05)}.card-button-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:filter .3s ease}.card-button:hover .card-button-icon img{filter:brightness(1.1) contrast(1.05)}.card-button-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:8px}.card-button-title{font-size:20px;letter-spacing:.45px;color:var(--color-white);font-variation-settings:"opsz" 14,"wdth" 100;transition:color .3s ease}.card-button-badge-info,.card-button-title{font-family:var(--font-primary);font-weight:600;line-height:1.4}.card-button-badge-info{display:inline-flex;align-items:center;padding:4px 10px;border-radius:10px;font-size:12px;font-variation-settings:"opsz" 14,"wdth" 100;width:-moz-fit-content;width:fit-content;transition:all .3s ease}.card-button-badge-info--default{background:linear-gradient(135deg,rgba(0,255,163,.1),rgba(0,255,163,.05));border:1px solid rgba(0,255,163,.25);color:var(--color-primary)}.card-button-badge-info--muted{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:var(--color-white-40);font-style:italic;font-weight:500}.card-button-badge-info--premium{background:linear-gradient(135deg,rgba(255,215,0,.15),rgba(255,165,0,.1));border:1px solid rgba(255,215,0,.3);color:var(--color-premium-gold)}.card-button:hover .card-button-title{color:var(--color-white-95)}.card-button:hover .card-button-subtitle{color:var(--color-light-80)}.card-button-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-family:var(--font-primary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-variation-settings:"opsz" 14,"wdth" 100;width:-moz-fit-content;width:fit-content;transition:all .3s ease}.card-button-badge--active{background:linear-gradient(135deg,rgba(0,255,163,.15),rgba(0,255,163,.1));border:1px solid rgba(0,255,163,.3);color:var(--color-primary)}.card-button:hover .card-button-badge--active{background:linear-gradient(135deg,rgba(0,255,163,.2),rgba(0,255,163,.15));border-color:rgba(0,255,163,.4)}.card-button-badge--inactive{background:rgba(255,255,255,.03);border:1px solid var(--color-border);color:var(--color-white-40)}.card-button:hover .card-button-badge--inactive{background:rgba(255,255,255,.05);border-color:var(--color-border);color:var(--color-white-50)}.card-button-badge--config{background:linear-gradient(135deg,rgba(0,255,163,.08),rgba(0,255,163,.05));border:1px solid rgba(0,255,163,.2);color:var(--color-primary-70)}.card-button:hover .card-button-badge--config{background:linear-gradient(135deg,rgba(0,255,163,.12),rgba(0,255,163,.08));border-color:rgba(0,255,163,.3);color:var(--color-primary)}.card-button-arrow{width:24px;height:24px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(0) translateY(0);color:var(--color-light)}.card-button:hover .card-button-arrow{transform:translateX(4px) translateY(-4px);color:var(--color-primary)}.card-button-arrow svg{transition:all .3s ease;stroke:currentColor}@property --high-odds-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.high-odds-card-wrapper{position:relative;border-radius:20px;padding:2px;cursor:pointer;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0);background:var(--gradient-premium-card)}.high-odds-card-wrapper:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--color-premium-40)}.high-odds-card-wrapper:active{transform:translateY(0)}.high-odds-card-border{position:absolute;inset:-2px;border-radius:22px;padding:4px;background:conic-gradient(from var(--high-odds-angle),transparent 0deg,transparent 30deg,rgba(255,215,0,.2) 50deg,rgba(255,215,0,.4) 70deg,rgba(255,193,7,.6) 90deg,rgba(255,215,0,.8) 105deg,rgba(255,235,59,1) 120deg,rgba(255,215,0,.9) 135deg,rgba(255,193,7,.7) 150deg,rgba(255,165,0,.5) 165deg,rgba(212,165,0,.3) 180deg,rgba(255,215,0,.2) 200deg,transparent 220deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:high-odds-border-rotate 8s linear infinite;z-index:-1}@keyframes high-odds-border-rotate{to{--high-odds-angle:360deg}}.high-odds-card-content{position:relative;background:var(--color-premium-dark);border-radius:18px;padding:24px 16px;display:flex;align-items:center;gap:16px;z-index:1}.high-odds-card-icon{width:68px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:transform .3s ease}.high-odds-card-wrapper:hover .high-odds-card-icon{transform:scale(1.05)}.high-odds-card-icon img{width:100%;height:100%;object-fit:contain;transition:filter .3s ease}.high-odds-card-wrapper:hover .high-odds-card-icon img{filter:brightness(1.1) contrast(1.05)}.high-odds-card-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.high-odds-card-title{font-size:20px;line-height:1.4;letter-spacing:.45px;color:var(--color-white);font-variation-settings:"opsz" 14,"wdth" 100;transition:color .3s ease}.high-odds-card-subtitle,.high-odds-card-title{font-family:var(--font-primary);font-weight:600}.high-odds-card-subtitle{font-size:16px;line-height:20px;background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variation-settings:"opsz" 14,"wdth" 100;transition:opacity .3s ease}.high-odds-card-subtitle--muted{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;color:var(--color-white-40);font-style:italic;font-weight:500}.high-odds-card-wrapper:hover .high-odds-card-title{color:var(--color-white-95)}.high-odds-card-wrapper:hover .high-odds-card-subtitle{opacity:.9}.high-odds-card-arrow{width:24px;height:24px;flex-shrink:0;color:var(--color-premium-gold);transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateX(0) translateY(0)}.high-odds-card-wrapper:hover .high-odds-card-arrow{transform:translateX(4px) translateY(-4px);color:var(--color-premium-orange)}.high-odds-card-arrow svg{transition:all .3s ease;stroke:currentColor}.locked-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-danger-15);border:1px solid var(--color-danger-30);border-radius:12px;font-size:10px;font-weight:800;color:var(--color-danger);text-transform:uppercase;letter-spacing:.5px}.locked-badge,.new-badge{font-family:var(--font-primary);font-variation-settings:"opsz" 14,"wdth" 100}.new-badge{background:linear-gradient(135deg,rgba(255,165,0,.2),rgba(255,215,0,.15));border:1px solid rgba(255,215,0,.4);color:var(--color-premium-gold)}.card-title-row{display:flex;align-items:center;gap:8px}.card-button--admin{text-align:left}.card-button-icon--admin{background:var(--card-background);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.admin-icon{color:var(--color-primary);filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.admin-loading{padding:40px 20px;text-align:center;color:var(--color-white)}.high-odds-circle{width:8px;height:8px;border-radius:50%;animation:high-odds-pulse 2s ease-in-out infinite}.high-odds-circle,.high-odds-line{background:var(--gradient-premium)}.high-odds-line{height:2px;flex:1 1}@keyframes high-odds-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.live-announcement-card{margin:0 0 20px;width:100%;cursor:pointer;transition:transform .2s ease}.live-announcement-card:hover{transform:translateY(-2px)}.live-announcement-content{background:linear-gradient(135deg,var(--color-primary-10) 0,var(--color-primary-5) 100%);border:1px solid var(--color-primary);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:16px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px var(--color-primary-15)}.live-announcement-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,var(--color-white-5) 50%,transparent 100%);animation:shimmer 3s infinite;pointer-events:none}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.live-badge-container{flex-shrink:0;z-index:1}.live-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,0,0,.2);border:1px solid rgba(255,0,0,.5);padding:6px 12px;border-radius:20px;font-family:var(--font-primary);font-size:12px;font-weight:700;color:var(--color-white);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;line-height:1}.bet-card .live-badge,.leverage-game-date .live-badge{padding:4px 8px;font-size:9px;gap:4px;border-radius:12px;line-height:1}.bet-card .live-dot,.leverage-game-date .live-dot{width:6px;height:6px}.live-dot{width:8px;height:8px;background:#ff0000;border-radius:50%;animation:pulse-red 1.5s ease-in-out infinite;box-shadow:0 0 8px rgba(255,0,0,.8)}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px rgba(255,0,0,.8)}50%{opacity:.6;transform:scale(1.2);box-shadow:0 0 16px rgba(255,0,0,1)}}.live-marquee-container{flex:1 1;overflow:hidden;z-index:1}.live-marquee-container,.live-text-fade{min-height:24px;display:flex;align-items:center;position:relative}.live-text-fade{width:100%}.live-text-fade span{position:absolute;font-family:var(--font-primary);font-size:15px;font-weight:600;color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap;opacity:0;animation:text-fade 16s infinite}.live-text-fade span:first-child{animation-delay:0s}.live-text-fade span:nth-child(2){animation-delay:4s}.live-text-fade span:nth-child(3){animation-delay:8s}.live-text-fade span:nth-child(4){animation-delay:12s}@keyframes text-fade{0%,to{opacity:0;transform:translateY(10px)}20%,5%{opacity:1;transform:translateY(0)}25%{opacity:0;transform:translateY(-10px)}}.live-arrow-button{flex-shrink:0;z-index:1;background:var(--color-primary-20);border:1px solid var(--color-primary);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--color-primary)}.live-announcement-card:hover .live-arrow-button{background:var(--color-primary-30);border-color:var(--color-primary);transform:translate(2px,-2px)}.live-arrow-button svg{display:block}@media (max-width:768px){.live-announcement-card{margin:0 0 16px}.live-announcement-content{padding:10px 12px;gap:12px;height:45px}.live-badge{padding:5px 10px;font-size:11px;gap:5px}.live-dot{width:7px;height:7px}.live-text-fade span{font-size:13px}.live-arrow-button{padding:6px}.live-arrow-button svg{width:18px;height:18px}}@media (max-width:480px){.live-announcement-card{margin:0 0 12px}.live-announcement-content{padding:8px 10px;gap:10px;height:42px}.live-badge{padding:4px 8px;font-size:10px;gap:4px}.live-dot{width:6px;height:6px}.live-text-fade span{font-size:12px}.live-arrow-button{padding:5px}.live-arrow-button svg{width:16px;height:16px}}@media (max-width:768px){.high-odds-card-content{padding:20px 12px;gap:12px}.high-odds-card-icon{width:56px;height:52px}.high-odds-card-title{font-size:18px}.high-odds-card-subtitle{font-size:14px}}.bet-card{background:var(--color-white-2);border:1px solid var(--color-white-8);border-radius:20px;padding:24px 16px;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.bet-card__header{margin-bottom:20px}.bet-card__title{font-size:22px;font-weight:700;color:var(--color-white);margin-bottom:4px}.bet-card__id,.bet-card__title{font-family:var(--font-primary)}.bet-card__id{font-size:12px;color:var(--color-white-50);font-weight:500}.bet-card__ai-sparkle{color:var(--color-white-60)}.bet-card__section{background:var(--color-white-3);border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid var(--color-white-8)}.bet-card__value-container{text-align:center}.bet-card__label{font-size:13px;color:var(--color-white-60);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.bet-card__label,.bet-card__value{font-family:var(--font-primary);display:block}.bet-card__value{font-size:36px;font-weight:800;color:var(--color-white);line-height:1}.bet-card__bets-container{max-height:320px;overflow-y:auto;position:relative}.bet-card__bets-container::-webkit-scrollbar{width:4px}.bet-card__bets-container::-webkit-scrollbar-track{background:var(--color-white-5);border-radius:2px}.bet-card__bets-container::-webkit-scrollbar-thumb{background:var(--color-white-20);border-radius:2px}.bet-card__bets-container::-webkit-scrollbar-thumb:hover{background:var(--color-white-30)}.bet-card__game-group{background:linear-gradient(135deg,var(--color-white-10) 0,var(--color-white-5) 50%,var(--color-white-0) 100%);border:1px solid var(--color-white-6);border-radius:12px;padding:14px;margin-bottom:12px}.bet-card__game-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.bet-card__game-name{font-family:var(--font-primary);font-size:15px;font-weight:600;color:var(--color-white-90);flex:1 1}.bet-card__game-odds{font-family:var(--font-primary);font-size:18px;font-weight:700;color:var(--color-white);background:var(--color-white-8);padding:6px 12px;border-radius:8px;margin-left:12px}.bet-card__markets{display:flex;flex-direction:column;gap:8px}.bet-card__market-item{display:flex;align-items:flex-start;gap:10px;position:relative}.bet-card__market-circle{width:8px;height:8px;border-radius:50%;background:var(--color-white-30);margin-top:6px;flex-shrink:0;box-shadow:0 2px 4px var(--color-black-30)}.bet-card__market-line{position:absolute;left:3.5px;top:16px;width:1px;height:calc(100% + 8px);background:linear-gradient(180deg,var(--color-white-15) 0,transparent 100%)}.bet-card__market-type{font-family:var(--font-secondary);font-size:14px;color:var(--color-white-85);font-weight:500;flex:1 1}.bet-card__action-section{border-top:1px solid var(--color-white-8)!important;margin-top:auto}.bet-card__button{background:var(--gradient-primary);color:var(--color-dark);border:none;border-radius:16px;padding:12px 32px;width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--button-shadow);text-decoration:none}.bet-card__button:hover{background:var(--gradient-primary-reverse);transform:translateY(-1px);box-shadow:var(--button-shadow),var(--shadow-primary-hover)}.bet-card__button:active{transform:translateY(0)}.bet-card__button:focus{outline:none;box-shadow:var(--button-shadow),0 0 0 3px var(--color-primary-30)}.bet-card__button-text{font-family:var(--font-primary);font-size:16px;font-weight:700;color:var(--color-dark);font-variation-settings:"opsz" 14,"wdth" 100}.bet-card__help-text{color:var(--color-white-50)}.bet-card__tutorial-link{color:var(--color-white-70)}.bet-card__tutorial-link:hover{color:var(--color-white)}.bet-card--premium{background:var(--color-premium-dark);border:1px solid var(--color-premium-30)}.bet-card--premium .bet-card__id{color:var(--color-premium-70)}.bet-card--premium .ai-badge-text,.bet-card--premium .bet-card__ai-sparkle{color:var(--color-premium-orange)}.bet-card--premium .bet-card__section{background:var(--gradient-premium-section);border:1px solid var(--color-premium-20)}.bet-card--premium .bet-card__label{color:var(--color-premium-80)}.bet-card--premium .bet-card__game-group{border:1px solid var(--color-premium-darker)}.bet-card--premium .bet-card__game-odds{background:var(--gradient-premium-odds)}.bet-card--premium .bet-card__market-circle{background:var(--gradient-premium);box-shadow:0 2px 6px var(--color-premium-40)}.bet-card--premium .bet-card__market-line{background:linear-gradient(180deg,var(--color-premium-30) 0,transparent 100%)}.bet-card--premium .bet-card__action-section{border-top:1px solid var(--color-premium-20)!important}.bet-card--premium .bet-card__button{background:var(--gradient-premium)}.bet-card--premium .bet-card__button:hover{background:var(--gradient-premium-reverse);box-shadow:var(--button-shadow),var(--shadow-premium-hover)}.bet-card--premium .bet-card__button-text{color:var(--color-premium-text);text-shadow:0 1px 2px var(--color-white-30)}.bet-card--premium .bet-card__bets-container{scrollbar-color:var(--color-premium-scroll) var(--color-white-5)!important}.bet-card--premium .bet-card__bets-container::-webkit-scrollbar-track{background:var(--color-white-5)!important}.bet-card--premium .bet-card__bets-container::-webkit-scrollbar-thumb,.bet-card--premium .bet-card__bets-container::-webkit-scrollbar-thumb:hover{background:var(--color-premium-scroll)!important}.help-text{font-weight:400;line-height:1.4;color:var(--color-white-50);text-align:center;margin-top:16px}.help-text,.tutorial-link{font-family:var(--font-primary);font-size:14px}.tutorial-link{background:none;border:none;color:var(--color-white);font-weight:600;cursor:pointer;text-decoration:underline;padding:0;transition:opacity .2s ease}.tutorial-link:hover{opacity:.8}.premium-blur{filter:blur(7px);opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}@media (max-width:768px){.bet-card{min-height:650px}}.button-primary{background:var(--gradient-primary);border:none;border-radius:16px;padding:16px 32px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;position:relative;transition:all .2s ease;box-shadow:var(--button-shadow);font-family:var(--font-primary);font-size:16px;font-weight:700;color:var(--color-dark)}.button-primary:hover:not(:disabled){background:var(--gradient-primary-reverse);transform:translateY(-1px);box-shadow:var(--button-shadow),var(--shadow-primary-hover)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-primary:focus{outline:none;box-shadow:var(--button-shadow),0 0 0 2px var(--color-primary-30)}.button-primary:disabled{background:var(--gradient-primary);cursor:not-allowed;transform:none;opacity:.7;filter:saturate(.8)}.button-primary-text{color:var(--color-dark)}.button-primary-text,.unlock-button{font-family:var(--font-primary);font-size:16px;font-weight:700}.unlock-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 32px;background:var(--gradient-danger);border:none;border-radius:16px;color:var(--color-white);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--button-shadow)}.unlock-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-button-shine);transition:all .6s ease}.unlock-button:hover{background:var(--gradient-danger);transform:translateY(-2px);box-shadow:var(--shadow-danger-hover);filter:brightness(1.1)}.unlock-button:hover:before{left:100%}.unlock-button:active{transform:translateY(0);box-shadow:var(--shadow-danger)}.unlock-button svg{flex-shrink:0;filter:drop-shadow(0 1px 2px var(--color-black-20))}.unlock-button-premium{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 32px;background:var(--gradient-premium);border:none;border-radius:16px;color:var(--color-premium-text);font-family:var(--font-primary);font-size:16px;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--button-shadow);text-shadow:0 1px 2px rgba(255,255,255,.3)}.unlock-button-premium:hover{background:var(--gradient-premium-reverse);transform:translateY(-1px);box-shadow:var(--button-shadow),var(--shadow-premium-hover)}.unlock-button-premium:active{transform:translateY(0)}.unlock-button-premium:focus{outline:none;box-shadow:var(--button-shadow),0 0 0 3px var(--color-premium-30)}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--gradient-danger);border:none;border-radius:8px;color:var(--color-white);font-family:var(--font-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-variation-settings:"opsz" 14,"wdth" 100}.logout-button:hover{background:var(--gradient-danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-danger-hover)}.logout-button:active{transform:translateY(0)}.logout-button svg{flex-shrink:0}.back-button{padding:8px;cursor:pointer;transition:all .2s ease;border-radius:8px;background:transparent;border:none;color:var(--color-light)}.back-button:hover{background:var(--color-white-10)}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button-group{display:flex;gap:12px;width:100%}.button-group button{flex:1 1}@media (max-width:768px){.logout-button,.unlock-button{font-size:14px;padding:10px 24px}}.premium-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--gradient-premium-badge);border-radius:16px;font-family:var(--font-host-grotesk);font-size:11px;font-weight:800;color:var(--color-premium-darker);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-shadow:0 1px 2px rgba(255,255,255,.3)}.premium-badge svg{width:14px;height:14px;color:var(--color-premium-darker);filter:drop-shadow(0 1px 2px rgba(255,255,255,.3))}.high-odds-ai-text{color:var(--color-premium-gold)}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:transparent;border-radius:12px;font-family:var(--font-host-grotesk);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.ai-badge,.ai-badge svg{color:var(--color-primary)}.ai-badge svg{width:12px;height:12px}.new-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--gradient-premium-badge);border-radius:12px;font-family:var(--font-host-grotesk);font-size:10px;font-weight:800;color:var(--color-white);text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.badge-success{background:var(--color-success-15);color:var(--color-success)}.badge-danger,.badge-success{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.badge-danger{background:var(--color-danger-15);color:var(--color-danger)}.badge-info{background:var(--color-info-15);color:var(--color-info);padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}.permission-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-white-10);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-primary);font-size:11px;font-weight:600;color:var(--color-light);font-variation-settings:"opsz" 14,"wdth" 100}.permission-badge.active{background:var(--color-primary-10);border-color:var(--color-primary-20);color:var(--color-primary)}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-black-80);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto;animation:fadeIn .2s ease}@media (max-width:768px){.dialog-overlay{padding:20px 16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-content{background:var(--card-background);border:1px solid var(--color-border);border-radius:16px;padding:32px 24px;max-width:400px;max-height:calc(100vh - 80px);width:100%;margin:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow-y:auto}@media (max-width:768px){.dialog-content{max-height:calc(100vh - 40px)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--color-light);cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;min-width:44px;min-height:44px;z-index:1000}.dialog-close *{pointer-events:none}.dialog-close:hover{color:var(--color-white)}.dialog-close:active{transform:scale(.95)}.dialog-icon{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.dialog-title{font-size:24px;font-weight:700;line-height:1.3;color:var(--color-white);margin-bottom:12px;font-variation-settings:"opsz" 14,"wdth" 100}.dialog-message,.dialog-title{font-family:var(--font-primary);text-align:center}.dialog-message{font-size:16px;font-weight:400;line-height:1.5;color:var(--color-light);margin-bottom:24px;font-variation-settings:"opsz" 14,"wdth" 100}.dialog-button{width:100%;background:var(--color-primary);border:none;border-radius:8px;padding:14px 24px;font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--color-black);cursor:pointer;transition:all .2s ease;font-variation-settings:"opsz" 14,"wdth" 100}.dialog-button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-30)}.dialog-button:active{transform:translateY(0)}.dialog-content.high-odds-dialog{border:1px solid var(--color-premium-30);background:var(--gradient-premium-dialog)}.dialog-icon.high-odds{background:var(--gradient-premium-section);border:1px solid var(--color-border);border-radius:50%;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.dialog-title.high-odds{background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dialog-button.high-odds{background:var(--gradient-premium);color:var(--color-black);font-weight:700;box-shadow:var(--button-shadow)}.dialog-button.high-odds:hover{background:var(--gradient-premium-reverse);transform:translateY(-1px);box-shadow:var(--button-shadow),var(--shadow-premium-hover)}.premium-modal-content{background:var(--card-background);border:1px solid var(--color-premium-30);border-radius:20px;padding:56px 24px 32px;max-width:900px;max-height:calc(100vh - 80px);width:100%;margin:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow-y:auto}@media (max-width:768px){.premium-modal-content{padding:52px 16px 24px;max-width:95vw;max-height:calc(100vh - 40px)}}.premium-modal-header{text-align:center;margin-bottom:32px}.premium-modal-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin:0 auto 20px}.premium-modal-icon img{width:100%;height:100%;object-fit:contain}.premium-modal-title{font-family:var(--font-primary);font-size:28px;font-weight:700;line-height:1.3;background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;font-variation-settings:"opsz" 14,"wdth" 100}@media (max-width:768px){.premium-modal-title{font-size:22px}}.premium-modal-description{font-family:var(--font-primary);font-size:16px;font-weight:400;line-height:1.6;color:var(--color-light);max-width:600px;margin:0 auto;font-variation-settings:"opsz" 14,"wdth" 100}@media (max-width:768px){.premium-modal-description{font-size:14px}}.premium-modal-plans{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-bottom:24px;max-width:800px;margin-left:auto;margin-right:auto}@media (max-width:768px){.premium-modal-plans{gap:12px}}.premium-plan-card{position:relative;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:16px;padding:20px 24px;text-align:left;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;gap:20px;min-height:auto;cursor:pointer}@media (max-width:768px){.premium-plan-card{padding:10px 12px;gap:12px;flex-wrap:wrap}}.premium-plan-card:hover{transform:translateY(-4px);border-color:var(--color-premium-40);box-shadow:0 8px 24px rgba(255,215,0,.1)}.premium-plan-card.recommended{background:var(--gradient-premium-section);border:2px solid var(--color-premium-gold);box-shadow:0 8px 32px rgba(255,215,0,.2)}.premium-plan-card.recommended:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(255,215,0,.3)}.premium-plan-badge{position:absolute;top:-10px;left:12px;background:linear-gradient(135deg,#00ffa3,#00b574);color:var(--color-black);font-size:11px;font-weight:700;padding:6px 14px;border-radius:12px;white-space:nowrap;letter-spacing:.5px;box-shadow:0 4px 12px rgba(0,255,163,.3)}@media (max-width:768px){.premium-plan-badge{top:-6px;left:8px;font-size:9px;padding:3px 8px;border-radius:6px}}.premium-plan-badge.gold{background:var(--gradient-premium);box-shadow:0 4px 12px rgba(255,215,0,.4)}.premium-plan-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:50%;color:var(--color-premium-gold);flex-shrink:0;overflow:hidden}.premium-plan-icon img{width:75%;height:75%;object-fit:contain}.premium-plan-icon svg{width:20px;height:20px}@media (max-width:768px){.premium-plan-icon{width:32px;height:32px}.premium-plan-icon img{width:70%;height:70%}.premium-plan-icon svg{width:16px;height:16px}}.premium-plan-card.recommended .premium-plan-icon{background:var(--gradient-premium);color:var(--color-black);border-color:var(--color-premium-gold)}.premium-plan-info{display:flex;flex-direction:column;gap:0;flex:1 1;min-width:0}.premium-plan-name{font-family:var(--font-primary);font-size:18px;font-weight:700;color:var(--color-white);margin-bottom:0;font-variation-settings:"opsz" 14,"wdth" 100;flex-shrink:0;line-height:1.2}@media (max-width:768px){.premium-plan-name{font-size:14px}}.premium-plan-duration{font-family:var(--font-primary);font-size:13px;font-weight:400;color:var(--color-light);margin-bottom:0;font-variation-settings:"opsz" 14,"wdth" 100;flex-shrink:0;line-height:1.2}@media (max-width:768px){.premium-plan-duration{font-size:11px}}.premium-plan-pricing{margin-bottom:0;flex-grow:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;gap:0}.premium-plan-original{font-family:var(--font-primary);font-size:14px;font-weight:400;color:var(--color-white-40);text-decoration:line-through;margin-bottom:4px;font-variation-settings:"opsz" 14,"wdth" 100}@media (max-width:768px){.premium-plan-original{display:none}}.premium-plan-price{font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--color-white);margin-bottom:0;font-variation-settings:"opsz" 14,"wdth" 100;line-height:1.2}@media (max-width:768px){.premium-plan-price{font-size:12px}}.premium-plan-price .price-value{font-size:24px;font-weight:700;background:var(--gradient-premium);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}@media (max-width:768px){.premium-plan-price .price-value{font-size:20px}}.premium-plan-savings{font-family:var(--font-primary);font-size:13px;font-weight:600;color:var(--color-success);font-variation-settings:"opsz" 14,"wdth" 100}@media (max-width:768px){.premium-plan-savings{font-size:9px;line-height:1.2}}.premium-plan-button{width:100%;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:8px;padding:14px 20px;font-family:var(--font-primary);font-size:15px;font-weight:600;color:var(--color-white);cursor:pointer;transition:all .2s ease;font-variation-settings:"opsz" 14,"wdth" 100;margin-top:auto}@media (max-width:768px){.premium-plan-button{display:none}}.premium-plan-button:hover{background:var(--color-primary);color:var(--color-black);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-primary-30)}.premium-plan-button.recommended{background:var(--gradient-premium);color:var(--color-black);font-weight:700;border:none;box-shadow:0 4px 16px rgba(255,215,0,.3)}.premium-plan-button.recommended:hover{background:var(--gradient-premium-reverse);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.premium-modal-footer{text-align:center;padding-top:24px;border-top:1px solid var(--color-border)}@media (max-width:768px){.premium-modal-footer{padding-top:20px}}.premium-modal-note{font-family:var(--font-primary);font-size:13px;font-weight:400;color:var(--color-white-60);margin:0;font-variation-settings:"opsz" 14,"wdth" 100}@media (max-width:768px){.premium-modal-note{font-size:11px}}.asaas-checkout-modal{max-width:600px}@media (max-width:768px){.asaas-checkout-modal{max-width:95vw}}.checkout-header{text-align:center;margin-bottom:32px;position:relative}@media (max-width:768px){.checkout-header{margin-bottom:24px}}.checkout-back-button{position:absolute;left:16px;top:-40px;background:transparent;border:none;color:var(--color-light);cursor:pointer;font-size:14px;font-weight:500;padding:10px 0;transition:color .2s ease;display:flex;align-items:center;min-height:44px}@media (max-width:768px){.checkout-back-button{font-size:13px;padding:10px 0;left:16px;top:-36px}}.checkout-back-button:hover,.checkout-title{color:var(--color-white)}.checkout-title{font-family:var(--font-primary);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}@media (max-width:768px){.checkout-title{font-size:18px;gap:8px}.checkout-title svg{width:20px;height:20px}}.checkout-plan-summary{font-size:16px;color:var(--color-light);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;margin-top:16px}@media (max-width:768px){.checkout-plan-summary{font-size:14px;padding:10px 12px;margin-top:12px}}.checkout-form{display:flex;flex-direction:column;gap:24px}@media (max-width:768px){.checkout-form{gap:20px}}.checkout-section{display:flex;flex-direction:column;gap:16px}@media (max-width:768px){.checkout-section{gap:14px}}.checkout-section-title{font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--color-white);margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}@media (max-width:768px){.checkout-section-title{font-size:15px;padding-bottom:6px}}.checkout-form-row{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.checkout-form-row:has(.checkout-form-group:nth-child(2)){grid-template-columns:1fr 1fr}.checkout-form-row:has(.checkout-form-group:nth-child(3)){grid-template-columns:minmax(100px,1fr) minmax(60px,.5fr) minmax(150px,2fr);gap:12px}.checkout-form-row:has(.checkout-form-group:nth-child(3)) .checkout-form-group{min-width:0}.checkout-form-row:has(.checkout-form-group:nth-child(3)) input{min-width:0;width:100%}.checkout-form-row-cpf-phone{grid-template-columns:minmax(150px,1fr) minmax(130px,1fr)!important;gap:12px}.checkout-form-row-cep-number{grid-template-columns:minmax(110px,1fr) minmax(80px,.6fr)!important;gap:12px}.checkout-form-row-cep-number .checkout-form-group,.checkout-form-row-cpf-phone .checkout-form-group{min-width:0}.checkout-form-row-cep-number input,.checkout-form-row-cpf-phone input{width:100%;min-width:0;box-sizing:border-box}@media (max-width:768px){.checkout-form-row:has(.checkout-form-group:nth-child(2)):not(.checkout-form-row-cpf-phone):not(.checkout-form-row-cep-number),.checkout-form-row:has(.checkout-form-group:nth-child(3)){grid-template-columns:1fr}}@media (max-width:375px){.checkout-form-row-cep-number,.checkout-form-row-cpf-phone{grid-template-columns:1fr!important}}.checkout-form-group{display:flex;flex-direction:column;gap:6px}.checkout-form-group label{font-family:var(--font-primary);font-size:13px;font-weight:500;color:var(--color-light)}@media (max-width:768px){.checkout-form-group label{font-size:12px}}.checkout-form-group input{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:8px;padding:12px 14px;font-family:var(--font-primary);font-size:14px;color:var(--color-white);transition:all .2s ease}@media (max-width:768px){.checkout-form-group input{padding:11px 12px;font-size:14px}}.checkout-form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.checkout-form-group input::placeholder{color:var(--color-white-30)}.checkout-submit-button{width:100%;background:var(--gradient-premium);border:none;border-radius:8px;padding:16px 24px;font-family:var(--font-primary);font-size:18px;font-weight:700;color:var(--color-black);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 4px 16px rgba(255,215,0,.3)}@media (max-width:768px){.checkout-submit-button{padding:14px 20px;font-size:16px;gap:6px}.checkout-submit-button svg{width:16px;height:16px}}.checkout-submit-button:hover{background:var(--gradient-premium-reverse);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,215,0,.4)}.checkout-submit-button:active{transform:translateY(0)}.checkout-security-note{text-align:center;font-size:12px;color:var(--color-white-60);display:flex;align-items:center;justify-content:center;gap:6px;margin-top:-8px}@media (max-width:768px){.checkout-security-note{font-size:11px}}.checkout-status-screen{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:300px;justify-content:center}.checkout-status-screen h2{font-family:var(--font-primary);font-size:24px;font-weight:700;color:var(--color-white);margin:0}.checkout-status-screen p{font-family:var(--font-primary);font-size:16px;color:var(--color-light);margin:0}.checkout-spinner{width:64px;height:64px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.checkout-success-icon{background:linear-gradient(135deg,#00ffa3,#00b574);color:var(--color-black);box-shadow:0 8px 24px rgba(0,255,163,.4)}.checkout-error-icon,.checkout-success-icon{width:80px;height:80px;border-radius:50%;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center}.checkout-error-icon{background:linear-gradient(135deg,#ff4444,#cc0000);color:var(--color-white);box-shadow:0 8px 24px rgba(255,68,68,.4)}.checkout-auto-close{font-size:13px!important;color:var(--color-white-40)!important;margin-top:8px}.checkout-error-message{font-size:14px!important;color:#ff6b6b!important;background:rgba(255,68,68,.1);border:1px solid rgba(255,68,68,.3);border-radius:8px;padding:12px 16px;margin-top:8px}.checkout-cancel-button,.checkout-retry-button{width:100%;max-width:300px;padding:14px 24px;border-radius:8px;font-family:var(--font-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.checkout-retry-button{background:var(--color-primary);color:var(--color-black)}.checkout-retry-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.checkout-cancel-button{background:transparent;color:var(--color-light);border:1px solid var(--color-border)}.checkout-cancel-button:hover{background:var(--gradient-card);color:var(--color-white)}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media (max-width:768px){.payment-methods{grid-template-columns:1fr}}.payment-method-card{position:relative;background:var(--gradient-card);border:2px solid var(--color-border);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.payment-method-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,255,163,.2)}.payment-method-card.recommended{border-color:var(--color-primary);background:var(--gradient-premium-section)}.payment-method-card.recommended:hover{box-shadow:0 8px 32px rgba(0,255,163,.3)}.payment-method-badge{position:absolute;top:-10px;right:12px;background:var(--color-primary);color:var(--color-black);font-size:11px;font-weight:700;padding:4px 12px;border-radius:12px;letter-spacing:.5px;box-shadow:0 4px 12px rgba(0,255,163,.4)}.payment-method-icon{color:var(--color-primary);margin:8px 0}.payment-method-title{font-family:var(--font-primary);font-size:20px;font-weight:700;color:var(--color-white);margin:0}.payment-method-description{font-size:14px;color:var(--color-light);margin:0}.payment-method-features{list-style:none;padding:0;margin:12px 0 0;width:100%}.payment-method-features li{font-size:13px;color:var(--color-white-80);padding:6px 0;text-align:left}.payment-type-options{display:flex;flex-direction:column;gap:12px;width:100%;margin:16px 0}.payment-type-option{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.payment-type-option:hover{background:rgba(255,255,255,.08);border-color:rgba(0,255,163,.3)}.payment-type-option.selected{background:rgba(0,255,163,.1);border-color:var(--color-primary)}.payment-type-radio{width:20px;height:20px;min-width:20px;border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.payment-type-option.selected .payment-type-radio{border-color:var(--color-primary)}.payment-type-radio-dot{width:10px;height:10px;background:var(--color-primary);border-radius:50%;animation:radioPulse .3s ease}@keyframes radioPulse{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.payment-type-info{flex:1 1}.payment-type-title{font-size:15px;font-weight:600;color:var(--color-white);margin-bottom:2px}.payment-type-desc{font-size:12px;color:var(--color-light);line-height:1.3}.payment-method-button{width:100%;padding:14px 24px;background:var(--color-primary);color:var(--color-black);border:none;border-radius:10px;font-family:var(--font-primary);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:8px}.payment-method-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,255,163,.3)}.pix-container{display:flex;flex-direction:column;gap:24px;padding:8px 0}.pix-toggle-wrapper{display:flex;gap:8px;justify-content:center;padding:8px;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:12px}@media (max-width:768px){.pix-toggle-wrapper{padding:6px;gap:6px}}.pix-toggle-button{flex:1 1;background:transparent;border:1px solid transparent;border-radius:8px;padding:12px 16px;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--color-light);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width:768px){.pix-toggle-button{padding:10px 12px;font-size:13px;gap:6px}}.pix-toggle-button:hover{color:var(--color-white);background:rgba(255,255,255,.05)}.pix-toggle-button.active{background:var(--color-primary);color:var(--color-black);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(0,255,163,.3)}.pix-toggle-button.active:hover{background:var(--color-primary-dark)}.pix-qrcode-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:var(--color-white);border-radius:16px;margin:0 auto;max-width:300px}@media (max-width:768px){.pix-qrcode-wrapper{padding:16px;max-width:100%}}.pix-qrcode-image{width:100%;height:auto;max-width:260px}@media (max-width:768px){.pix-qrcode-image{max-width:220px}}.pix-qrcode-instruction{font-size:13px;color:var(--color-dark);text-align:center;margin:0}@media (max-width:768px){.pix-qrcode-instruction{font-size:12px}}.pix-code-wrapper{display:flex;flex-direction:column;gap:8px}@media (max-width:768px){.pix-code-wrapper{gap:12px}}.pix-code-label{font-size:13px;font-weight:600;color:var(--color-light)}@media (max-width:768px){.pix-code-label{font-size:12px}}.pix-code-box{display:flex;gap:8px;align-items:stretch}@media (max-width:768px){.pix-code-box{flex-direction:column;gap:10px}}.pix-code{flex:1 1;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:8px;padding:12px;font-family:Courier New,monospace;font-size:12px;color:var(--color-white);word-break:break-all;overflow-x:auto;max-height:80px;overflow-y:auto}@media (max-width:768px){.pix-code{font-size:11px;padding:10px;max-height:100px}}.pix-code-instruction{font-size:13px;color:var(--color-light);text-align:center;margin:0}@media (max-width:768px){.pix-code-instruction{font-size:12px}}.pix-copy-button{background:var(--color-primary);border:none;border-radius:8px;padding:12px 20px;font-family:var(--font-primary);font-size:14px;font-weight:600;color:var(--color-black);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.pix-copy-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.pix-copy-button:active{transform:translateY(0)}.pix-waiting{text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.pix-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.pix-waiting p{font-family:var(--font-primary);font-size:16px;font-weight:600;color:var(--color-white);margin:0}.pix-waiting-note{font-size:13px;color:var(--color-white-60)}.card-payment-form{display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.card-payment-form{gap:14px}}.card-form-title{font-family:var(--font-primary);font-size:22px;font-weight:700;color:var(--color-white);margin:0 0 16px;line-height:1.3}@media (max-width:768px){.card-form-title{font-size:18px;margin-bottom:12px}}.payment-security-info{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:10px;margin-bottom:20px}@media (max-width:768px){.payment-security-info{flex-wrap:wrap;gap:8px;padding:10px 14px;margin-bottom:12px}}@media (max-width:375px){.payment-security-info{flex-direction:column;gap:8px}}.security-badge-item{display:flex;align-items:center;gap:8px;font-family:var(--font-primary);font-size:13px;font-weight:500;color:rgba(255,255,255,.85)}@media (max-width:768px){.security-badge-item{font-size:11px;gap:6px}}.security-badge-item svg,.security-badge-item>svg{color:rgba(100,200,100,.8);flex-shrink:0;width:14px;height:14px}@media (max-width:768px){.security-badge-item svg,.security-badge-item>svg{width:13px;height:13px}}.security-badge-item strong{color:rgba(255,255,255,.95);font-weight:700}.security-divider{width:1px;height:20px;background:rgba(255,255,255,.2)}@media (max-width:768px){.security-divider{height:16px}}@media (max-width:375px){.security-divider{display:none}}.card-fields-container{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.1));border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}@media (max-width:768px){.card-fields-container{padding:16px 14px;margin-bottom:10px}}.card-fields-container .simple-form-group{margin-bottom:16px}@media (max-width:768px){.card-fields-container .simple-form-group{margin-bottom:12px}}.card-fields-container .simple-form-group:last-child{margin-bottom:0}.simple-form-group{display:flex;flex-direction:column;gap:8px}.simple-form-group label{font-family:var(--font-primary);font-size:13px;font-weight:500;color:rgba(255,255,255,.85);margin-bottom:6px}@media (max-width:768px){.simple-form-group label{font-size:12px}}.simple-form-group input{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:13px 14px;font-family:var(--font-primary);font-size:15px;color:var(--color-white);transition:all .2s ease}@media (max-width:768px){.simple-form-group input{padding:12px;font-size:14px}}.simple-form-group input:focus{outline:none;border-color:rgba(100,150,255,.6);background:rgba(0,0,0,.3);box-shadow:0 0 0 3px rgba(100,150,255,.15)}.simple-form-group input::placeholder{color:rgba(255,255,255,.35)}.input-with-icon{position:relative;width:100%}.input-with-icon input{padding-right:40px;width:100%}.input-with-icon .input-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.4);cursor:help}.input-with-icon .input-icon.clickable{pointer-events:auto}.input-with-icon .input-icon:not(.clickable){pointer-events:none}.simple-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:768px){.simple-form-row{gap:10px}}.plan-change-section{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:18px;margin-top:4px}@media (max-width:768px){.plan-change-section{padding:14px;margin-top:0}}.current-plan-info{display:flex;justify-content:space-between;align-items:center}.plan-price{font-family:var(--font-primary);font-size:20px;font-weight:700;color:var(--color-white);margin-bottom:4px}@media (max-width:768px){.plan-price{font-size:18px}}.plan-desc{font-family:var(--font-primary);font-size:13px;font-weight:400;color:rgba(255,255,255,.7)}@media (max-width:768px){.plan-desc{font-size:12px}}.change-plan-link{background:transparent;border:none;color:rgba(100,150,255,.9);font-family:var(--font-primary);font-size:14px;font-weight:600;cursor:pointer;padding:8px 14px;border-radius:6px;transition:all .2s ease}@media (max-width:768px){.change-plan-link{font-size:13px;padding:6px 12px}}.change-plan-link:hover{background:rgba(100,150,255,.15);color:rgba(120,170,255,1);text-decoration:underline}.tutorial-card{background:var(--card-background);border:var(--stroke-weight-1) solid var(--color-border);border-radius:16px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);width:100%;overflow:hidden;margin-bottom:0;transition:all .2s ease}.tutorial-card-locked{opacity:.7}.tutorial-card-locked:hover{opacity:.85;transform:translateY(-2px)}.tutorial-video-container{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden}.tutorial-video{border:none}.tutorial-video,.tutorial-video-locked{position:absolute;top:0;left:0;width:100%;height:100%}.tutorial-video-locked{background:var(--gradient-video-locked);display:flex;align-items:center;justify-content:center}.tutorial-locked-overlay{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-primary)}.tutorial-locked-overlay svg{filter:drop-shadow(0 2px 8px var(--color-primary-30))}.tutorial-locked-overlay p{font-family:var(--font-primary);font-size:16px;font-weight:600;margin:0;font-variation-settings:"opsz" 14,"wdth" 100}.tutorial-content{padding:24px}.tutorial-title{font-family:var(--font-primary);font-size:18px;font-weight:700;line-height:24px;letter-spacing:.45px;color:var(--color-white);font-variation-settings:"opsz" 14,"wdth" 100;margin-bottom:8px}.tutorial-description{font-family:var(--font-primary);font-size:14px;font-weight:400;line-height:1.5;color:var(--color-light);font-variation-settings:"opsz" 14,"wdth" 100}.tutorial-duration{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary-10);border:1px solid var(--color-primary-20);border-radius:6px;padding:4px 8px;font-family:var(--font-primary);font-size:12px;font-weight:600;color:var(--color-primary);font-variation-settings:"opsz" 14,"wdth" 100;margin-top:12px}