@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&family=Roboto+Mono:wght@500;700&display=swap";[data-astro-cid-sckkx6r4]{margin:0;padding:0;box-sizing:border-box}html{font-family:system-ui,sans-serif}:root{--color-primary: #2222C2;--color-primary-dark: #1a1a9a;--color-secondary: #FFC108;--color-accent: #31C440;--gradient-header: linear-gradient(135deg, #2222C2 0%, #1a1a9a 70%, #FFC108 100%);--gradient-hero: linear-gradient(135deg, #2222C2 0%, #1a1a9a 60%, #FFC108 100%);--gradient-primary-button: linear-gradient(135deg, #2222C2 0%, #1a1a9a 60%, #FFC108 100%);--color-green-brasil: #2222C2;--color-green-dark: #1a1a9a;--color-yellow-gold: #FFC108;--color-yellow-orange: #e8a000;--color-blue-sky: #2a35e6;--color-blue-dark: #1f2293;--color-orange-vibrant: #ffb700;--color-orange-dark: #ffa000;--color-success: #31C440;--color-success-dark: #28a835;--color-success-light: #4ade80;--color-active: #31C440;--color-active-bg: rgba(49, 196, 64, .08);--color-positive: #31C440;--color-positive-bg: rgba(49, 196, 64, .04);--border-light: 1px solid var(--color-gray-200);--border-medium: 1px solid var(--color-gray-300);--border-primary: 1px solid var(--color-primary);--border-success: 1px solid var(--color-success);--border-secondary: 1px solid var(--color-secondary);--color-white: #FFFFFF;--color-gray-50: #FAFAFA;--color-gray-100: #F5F5F5;--color-gray-200: #E5E5E5;--color-gray-300: #D4D4D4;--color-gray-400: #A3A3A3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-gray-light: var(--color-gray-100);--color-gray-medium: var(--color-gray-500);--color-gray-dark: var(--color-gray-900);--color-gray-border: var(--color-gray-200);--color-gray-surface: var(--color-gray-50);--color-mascote-leozim: #8B00FF;--color-mascote-amadim: #DC143C;--color-mascote-preta: #FF1493;--color-mascote-zequinha: #8B4513;--color-primary-solid: #2222C2;--color-secondary-solid: #FFC108;--color-success-solid: #31C440;--bg-primary: var(--color-primary-solid);--bg-secondary: var(--color-secondary-solid);--bg-success: var(--color-success-solid);--bg-white: var(--color-white);--bg-gray-light: var(--color-gray-50);--bg-gray-medium: var(--color-gray-100);--hover-primary: #1a1a9a;--hover-secondary: #e8a000;--hover-success: #28a835;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-focus-primary: 0 0 0 3px rgba(34, 34, 194, .1);--shadow-focus-success: 0 0 0 3px rgba(49, 196, 64, .1);--shadow-focus-secondary: 0 0 0 3px rgba(255, 193, 8, .1);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .06);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-32: 128px;--spacing-xs: var(--spacing-1);--spacing-sm: var(--spacing-2);--spacing-md: var(--spacing-4);--spacing-lg: var(--spacing-6);--spacing-xl: var(--spacing-8);--spacing-2xl: var(--spacing-12);--spacing-3xl: var(--spacing-16);--spacing-4xl: var(--spacing-24);--spacing-5xl: var(--spacing-32);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .4s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=dark]{--color-white: #1A1A1A;--color-gray-light: #2A2A2A;--color-gray-medium: #B0B0B0;--color-gray-dark: #FFFFFF;--color-gray-border: #3A3A3A;--color-gray-surface: #2A2A2A;--color-green-brasil: #1a1a9a;--color-yellow-gold: #ffd54f;--gradient-header: linear-gradient(135deg, #1a1a9a 0%, #2222C2 70%, #FFC108 100%);--gradient-hero: linear-gradient(135deg, #1a1a9a 0%, #2222C2 60%, #FFC108 100%);--gradient-primary-button: linear-gradient(135deg, #2222C2 0%, #1a1a9a 60%, #FFC108 100%)}@font-face{font-family:Poppins;font-display:swap}@font-face{font-family:Inter;font-display:swap}@font-face{font-family:Roboto Mono;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-gray-light);color:var(--color-gray-dark)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-green-brasil: #2222C2;--color-yellow-gold: #FFC108;--color-blue-sky: #2a35e6;--color-orange-bright: #ffb700;--color-white: #ffffff;--color-gray-light: #f5f5f5;--color-gray-medium: #666666;--color-black-soft: #1a1a1a;--color-mascot-leozim: #8b00ff;--color-mascot-amadim: #dc143c;--color-mascot-preta: #ff1493;--color-mascot-zequinha: #8b4513;--color-border-soft: #e0e0e0;--gradient-hero: linear-gradient(135deg, #2222C2 0%, #1a1a9a 60%, #FFC108 100%);--gradient-card-premium: linear-gradient(180deg, #2222C2 0%, #1a1a9a 100%);--gradient-conquista: linear-gradient(90deg, #2222C2 0%, #FFC108 100%);--gradient-header: linear-gradient(135deg, #2222C2 0%, #1a1a9a 70%, #FFC108 100%)}main{flex:1;margin-top:0}body{background-color:var(--color-gray-light);color:var(--color-black-soft);font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cards-grid{display:flex;flex-wrap:nowrap}.quote-card{background:var(--color-white);border:1px solid var(--color-border-soft);border-radius:12px;padding:1.5rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:220px;gap:1rem;scroll-snap-align:start}.section-banner{width:100%;display:flex;justify-content:center;padding:0 1.5rem;box-sizing:border-box}.section-banner-img{position:relative;overflow:hidden;width:100%;max-width:1200px;max-height:210px;display:flex;align-items:center;background-size:cover;background-position:center;border-radius:20px;box-shadow:0 20px 40px #00000026}.section-banner-content{max-width:1200px;padding:48px 2rem;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.banner-left{max-width:480px}.banner-title{font-size:48px;font-weight:800;color:var(--color-white);margin-bottom:.5rem;font-family:Poppins,sans-serif;line-height:1.2}.banner-subtitle{font-size:1.1rem;color:var(--color-white);font-weight:500}@media(max-width:968px){.section-banner-content{flex-direction:column;text-align:center}.banner-title{font-size:2rem}.banner-subtitle{font-size:1rem}}@media(max-width:1200px){.quote-card{flex:0 0 calc((100% - (1.5rem * 2)) / 3)}}@media(max-width:992px){.quote-card{flex:0 0 calc((100% - 1.5rem) / 3)}}@media(max-width:768px){.quote-card{flex:0 0 100%;min-width:260px;max-width:340px}}.App{min-height:100vh;display:flex;flex-direction:column}:root{--app-header-height: 80px}@media(max-width:768px){:root{--app-header-height: 64px}}@media(max-width:480px){:root{--app-header-height: 56px}}body{margin:0;padding-top:calc(var(--app-header-height) + env(safe-area-inset-top,0px));min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-gray-light);color:var(--color-black-soft);font-family:Inter,Poppins,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root,[data-astro-root]{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding-top:0;width:100%}@media(max-width:1023px){main{padding-bottom:72px}}@media(max-width:480px){main{padding-bottom:68px}}@media(max-width:375px){main{padding-bottom:64px}}.home-page,.betting-page,.results-page,.profile-page,.wallet-page,.my-bets-page{width:100%}.promo-banner-container,.main-section,.page-container{position:relative;z-index:1}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.3;color:var(--color-gray-900);margin:0}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-normal)}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card-base{background:var(--color-white);border:var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card-base:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300)}input,textarea,select{font-family:inherit;border:var(--border-medium);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);background:var(--color-white);color:var(--color-gray-800);transition:all var(--transition-normal);font-size:.95rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-success);box-shadow:var(--shadow-focus-success)}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-success)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--color-primary);color:var(--color-white)}.badge-success{background:var(--color-success);color:var(--color-white)}.badge-secondary{background:var(--color-secondary);color:var(--color-white)}.badge-outline{background:transparent;border:1px solid currentColor}.alert{padding:var(--spacing-4);border-radius:var(--radius-lg);border-left:4px solid;margin:var(--spacing-4) 0}.alert-success{background:var(--color-positive-bg);border-color:var(--color-success);color:var(--color-success)}.alert-info{background:#2222c20d;border-color:var(--color-primary);color:var(--color-primary)}.alert-warning{background:#ffc1080d;border-color:var(--color-secondary);color:var(--color-secondary)}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid var(--color-gray-300);border-top:2px solid var(--color-success);border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-sm);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::selection{background:#31c44033;color:var(--color-gray-900)}::-moz-selection{background:#31c44033;color:var(--color-gray-900)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.text-primary{color:var(--color-gray-900)}.text-secondary{color:var(--color-gray-600)}.text-muted{color:var(--color-gray-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-secondary)}.text-info{color:var(--color-primary)}.bg-white{background:var(--color-white)}.bg-gray-50{background:var(--color-gray-50)}.bg-gray-100{background:var(--color-gray-100)}.border{border:var(--border-light)}.border-success{border-color:var(--color-success)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){.card-base{border-width:2px}button{border:2px solid transparent}button:focus{border-color:currentColor}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.skeleton{animation:none;background:var(--color-gray-200)}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.header,.footer,.sidebar{display:none!important}}.hero-cta-button,.quote-card-redesigned,.winner-card-redesigned,.nav-link-redesigned,.mega-menu{will-change:transform;transform:translateZ(0)}@font-face{font-family:Poppins;font-display:swap;font-weight:300 800}@font-face{font-family:Inter;font-display:swap;font-weight:400 600}@font-face{font-family:Roboto Mono;font-display:swap;font-weight:500 700}.hero-card-stack,.quotes-carousel-redesigned,.winners-carousel-redesigned{contain:layout style paint}img{content-visibility:auto;contain-intrinsic-size:300px 200px}.quotes-carousel-redesigned,.winners-carousel-redesigned{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.hero-section:before,.live-quotes-section-redesigned:before,.daily-winners-section-redesigned:before{content-visibility:auto}.hero-section,.live-quotes-section-redesigned{contain:layout style}@keyframes optimized-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}@keyframes optimized-pulse{0%,to{transform:scaleZ(1);opacity:1}50%{transform:scale3d(1.05,1.05,1);opacity:.8}}.quote-card-redesigned:hover,.winner-card-redesigned:hover{transform:translate3d(0,-8px,0)}@media(max-width:768px){.hero-card{animation:none}.quote-card-redesigned,.winner-card-redesigned{box-shadow:var(--shadow-soft)}.hero-card{backdrop-filter:none;background:#ffffffe6}}.hero-section{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>')}.home-page-redesigned{contain:layout style paint}.promo-banner-container{aspect-ratio:16 / 9}.hero-visual{min-height:400px}.hero-title{font-display:swap}.hero-cta-button{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:reduce){.live-dot,.live-badge,.celebration-icon{animation:none}}@media(prefers-reduced-data:reduce){.hero-section:before,.live-quotes-section-redesigned:before,.daily-winners-section-redesigned:before{display:none}.hero-card{backdrop-filter:none}}