*{box-sizing:border-box;margin:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden;max-width:100vw}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:#374151;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;position:relative;margin:0;padding:0}@media (max-width: 767px){body{padding-top:60px}}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.text-primary{color:var(--color-primary-500)}.text-secondary{color:var(--color-secondary-500)}.text-success{color:var(--color-success-500)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.container{padding:0 2rem}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.grid{display:grid;gap:var(--spacing-md)}@media (min-width: 768px){.grid{gap:var(--spacing-lg)}}.grid-cols-1{grid-template-columns:1fr}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 767px){.hidden-mobile{display:none!important}}@media (min-width: 768px){.hidden-desktop{display:none!important}}.aspect-video{aspect-ratio:16/9}.aspect-square{aspect-ratio:1/1}.aspect-portrait{aspect-ratio:3/4}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.mobile-nav-padding{padding-bottom:0}footer{margin-bottom:80px}@media (min-width: 768px){footer{margin-bottom:0}}section{width:100%;overflow-x:hidden}@media (min-width: 768px){section{overflow-x:visible}}main{width:100%;overflow-x:hidden;max-width:100vw;min-height:calc(100vh - 80px)}@media (min-width: 768px){main{min-height:auto}}.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}.focus-visible:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:1.5;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease-in-out;min-height:44px;font-family:var(--font-family)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:var(--shadow-primary)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:#fff;color:var(--color-neutral-600);border:2px solid var(--color-neutral-200)}.btn--secondary:hover:not(:disabled){border-color:var(--color-primary-500);color:var(--color-primary-500);box-shadow:0 4px 14px #f59e0b26}.btn--cta{background:linear-gradient(135deg,var(--color-secondary-500),var(--color-secondary-700));color:#fff;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-secondary)}.btn--cta:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-700),var(--color-secondary-900));transform:translateY(-3px);box-shadow:0 10px 30px #3b82f699}.btn--sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:36px}.btn--lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:52px}.btn--full-width{width:100%}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:1.5;background:#fff;transition:all .2s ease-in-out;min-height:44px;font-family:var(--font-family)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 4px #f59e0b1a;background:var(--color-primary-50)}.form-input::placeholder{color:var(--color-neutral-400);font-weight:var(--font-weight-normal)}.form-input:invalid{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.card,.competition-card{background:#fff;border-radius:0;box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover,.competition-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.progress-bar{width:100%;height:8px;background:var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-md);transition:width .3s ease-in-out}.competition-card{position:relative}.competition-card__image{position:relative;width:100%;aspect-ratio:4/3;height:auto;overflow:hidden}.competition-card__image img{width:100%;height:100%;object-fit:contain;object-position:top center;transition:transform .3s ease-in-out;background-color:transparent}.competition-card__image:hover img{transform:scale(1.05)}.competition-card__badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:var(--color-primary-500);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.competition-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md);color:#fff}.competition-card__value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.competition-card__content{padding:var(--spacing-lg)}.competition-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-xs);line-height:1.3}.competition-card__subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-md)}.competition-card__pricing{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.competition-card__price{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.competition-card__per-ticket{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.competition-card__progress{margin-bottom:var(--spacing-lg)}.competition-card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}@media (max-width: 767px){.competition-card__footer{flex-direction:column;align-items:stretch}}.progress-stats{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.draw-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.draw-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-neutral-800)}.draw-time{font-size:var(--font-size-xs);color:var(--color-neutral-600)}.ticket-selector{background:#fff;border-radius:0;padding:0;box-shadow:none}@media (min-width: 768px){.ticket-selector{border-radius:0;padding:0;box-shadow:none}}.ticket-selector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.ticket-selector__header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-900)}.ticket-selector__controls{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.price-display{text-align:right}.price-display__amount{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary-600)}.price-display__label{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.quantity-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;color:var(--color-neutral-600);cursor:pointer;transition:all .2s ease-in-out}.quantity-btn:hover:not(:disabled){border-color:var(--color-primary-500);color:var(--color-primary-500)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-btn svg{width:16px;height:16px;stroke-width:2}.quantity-display{text-align:center}.quantity-display .quantity-input{width:80px;text-align:center;border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.quantity-display .quantity-input:focus{outline:none;border-color:var(--color-primary-500)}.quantity-display .quantity-label{display:block;font-size:var(--font-size-xs);color:var(--color-neutral-500);margin-top:var(--spacing-xs)}.quick-select__label{display:block;font-size:var(--font-size-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-sm)}.quick-select__buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.quick-select__btn{padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff;color:var(--color-neutral-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease-in-out;min-width:44px;min-height:36px}.quick-select__btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.quick-select__btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-neutral-200);padding:var(--spacing-sm) 0;display:flex;justify-content:space-around;z-index:100;box-shadow:0 -4px 20px #0000001a}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);text-decoration:none;color:var(--color-neutral-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:44px;transition:all .2s ease-in-out}.mobile-nav__item.active{color:var(--color-primary-500)}.mobile-nav__item__icon{width:24px;height:24px;margin-bottom:var(--spacing-xs)}.loading-shimmer{background:linear-gradient(90deg,var(--color-neutral-100),var(--color-neutral-200),var(--color-neutral-100));background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-celebration{animation:celebrate .6s ease-out}@keyframes celebrate{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1)}}:root{--color-primary-50: #fefce8;--color-primary-100: #fef3c7;--color-primary-400: #fbbf24;--color-primary-500: #f59e0b;--color-primary-600: #d97706;--color-primary-700: #b45309;--color-primary-900: #78350f;--color-secondary-50: #eff6ff;--color-secondary-100: #dbeafe;--color-secondary-500: #3b82f6;--color-secondary-600: #2563eb;--color-secondary-700: #1d4ed8;--color-secondary-900: #1e3a8a;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-primary: 0 4px 14px 0 rgba(245, 158, 11, .39);--shadow-secondary: 0 4px 14px 0 rgba(59, 130, 246, .39)}