@import "https://fonts.googleapis.com/css2?family=Rufina:wght@400;700&family=Urbanist:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--ccec-red:#e01a22;--ccec-red-hover:#b81218;--ccec-navy:#18181b;--ccec-navy-light:#27272a;--gold-accent:#fc0;--gold-accent-hover:#e6b800;--gold-glow:#fc06;--bg-main:#fafafa;--bg-card:#fff;--border-color:#e4e4e7;--border-glow:#e01a2226;--text-primary:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--text-on-primary:#fff;--font-heading:"Urbanist", sans-serif;--font-body:"Urbanist", sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-gold:0 0 25px #ffcc004d;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition-fast:.2s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--bg-main:#09090b;--bg-card:#18181b;--border-color:#27272a;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-muted:#71717a;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;transition:background var(--transition-normal), border var(--transition-normal);background:#ffffffd9;position:sticky;top:0}.dark-theme header{border-bottom:1px solid var(--border-color);background:#0b0f19d9}header.transparent-nav{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:100;background:0 0;border-bottom:1px solid #ffffff1f;position:absolute;top:0;left:0;right:0}.hero-bg-page{background:0 0}header.transparent-nav .logo-title{color:#fff}header.transparent-nav .logo-subtitle{color:#ffffffbf}header.transparent-nav .nav-links a{color:#ffffffd9}header.transparent-nav .nav-links a:hover{color:#fff}header.transparent-nav .draw-back-link{color:#ffffffd9!important}header.transparent-nav .draw-back-link:hover{color:#fff!important}.hero-bg-test.hero-bg-extend{margin-top:0;padding-top:240px}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo-wrapper{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--ccec-red);color:#fff;border-radius:var(--radius-sm);width:42px;height:42px;font-weight:800;font-family:var(--font-heading);justify-content:center;align-items:center;font-size:22px;display:flex}.logo-link{color:inherit;text-decoration:none;display:inline-block}.logo-img{object-fit:contain;border-radius:var(--radius-sm);width:auto;height:42px}.logo-text{flex-direction:column;display:flex}.logo-title{color:var(--ccec-navy);text-transform:uppercase;letter-spacing:.5px;font-size:18px;font-weight:800}.dark-theme .logo-title{color:#fff}.logo-subtitle{color:var(--ccec-red);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:15px;font-weight:500;text-decoration:none}.nav-links a:hover,.dark-theme .nav-links a:hover{color:var(--ccec-red)}.hero-section{background:radial-gradient(circle at 80% 20%,#e01a220d 0%,#0000 50%),radial-gradient(circle at 20% 80%,#ffcc000d 0%,#0000 50%);padding:80px 0 100px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-badge{color:var(--ccec-red);text-transform:uppercase;letter-spacing:.5px;background:#e01a2214;border:1px solid #e01a2233;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{color:var(--ccec-navy);margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.15}.hero-title span{background:linear-gradient(135deg, var(--ccec-red) 0%, var(--ccec-red-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-description{color:var(--text-secondary);max-width:540px;margin-bottom:36px;font-size:18px}.hero-cta-group{gap:16px;display:flex}.hero-section.hero-bg-test{color:#fff;background-color:#0000;background-image:linear-gradient(#0f172aa6,#0f172aa6),url(/new%20hero%20test.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;padding:160px 0;display:flex}.hero-bg-test .hero-grid{text-align:center;grid-template-columns:1fr;max-width:800px;margin:0 auto}.hero-bg-test .hero-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-bg-test .hero-title{color:#fff;text-shadow:0 4px 12px #00000080;margin-bottom:20px;font-size:56px;line-height:1.15}.hero-bg-test .hero-title span{background:linear-gradient(135deg,#e01a22 0%,#ff4d4d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-bg-test .hero-description{color:#ffffffe6;text-shadow:0 2px 8px #00000080;margin-inline:auto;max-width:640px;margin-bottom:36px;font-size:20px}.hero-bg-test .hero-badge{color:#ff4d4d;background:#ffffff1a;border:1px solid #ffffff40}.hero-bg-test .hero-cta-group{justify-content:center}.hero-bg-test .btn-secondary{color:#fff;border-color:#fff}.hero-bg-test .btn-secondary:hover{color:var(--ccec-navy);background-color:#fff}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--ccec-red);color:var(--text-on-primary);box-shadow:0 4px 14px #e01a224d}.btn-primary:hover{background-color:var(--ccec-red-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e01a2266}.btn-secondary{color:var(--ccec-navy);border:2px solid var(--ccec-navy);background-color:#0000}.btn-secondary:hover{background-color:var(--ccec-navy);color:#fff;transform:translateY(-2px)}.btn-gold{background-color:var(--ccec-red);color:#fff;box-shadow:0 4px 14px #e01a224d}.btn-gold:hover{background-color:var(--ccec-red-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e01a2266}.hero-visuals{justify-content:center;align-items:center;display:flex;position:relative}.car-display-container{aspect-ratio:1.6;width:100%;max-width:100%;position:relative;transform:scaleX(-1)}.car-shadow-glow{filter:blur(40px);z-index:1;background:radial-gradient(circle,#e01a2233 0%,#ffcc001a 40%,#0000 70%);border-radius:50%;width:70%;height:70%;animation:6s ease-in-out infinite alternate float-slow;position:absolute;top:15%;left:15%}.anniversary-badge-huge{z-index:5;background:linear-gradient(135deg, var(--ccec-navy) 0%, var(--ccec-navy-light) 100%);border:2px solid var(--ccec-red);color:#fff;width:110px;height:110px;box-shadow:var(--shadow-xl), 0 0 25px #e01a224d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:12s linear infinite rotate-badge;display:flex;position:absolute;top:10%;right:5%;transform:rotate(12deg)}.anniversary-badge-huge .num{font-family:var(--font-heading);color:var(--ccec-red);font-size:32px;font-weight:800;line-height:1}.anniversary-badge-huge .label{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:600}.mock-car-image{z-index:3;filter:drop-shadow(0 20px 30px #0f172a40);width:100%;height:auto;animation:4s ease-in-out infinite alternate float-car;position:relative}.stats-banner{background:var(--ccec-navy);color:#fff;border-radius:var(--radius-lg);z-index:10;box-shadow:var(--shadow-xl);margin-top:-40px;padding:40px 0;position:relative}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.stat-item{border-right:1px solid #ffffff1a;flex-direction:column;display:flex}.stat-item:last-child{border-right:none}.stat-number{font-family:var(--font-heading);color:var(--ccec-red);margin-bottom:4px;font-size:36px;font-weight:800}.stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;font-size:13px}.ticket-section{padding:100px 0}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-title{color:var(--ccec-navy);margin-bottom:16px;font-size:38px}.section-subtitle{color:var(--text-secondary);font-size:16px}.ticket-grid{grid-template-columns:1.2fr .8fr;align-items:start;gap:40px;display:grid}.bundles-container{grid-template-columns:1fr;gap:20px;display:grid}.bundle-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:24px 30px;display:flex;position:relative;overflow:hidden}.bundle-card:hover{box-shadow:var(--shadow-md);border-color:#e01a2280;transform:translateY(-3px)}.bundle-card.active{border-color:var(--ccec-red);background:#e01a2205;box-shadow:0 4px 20px #e01a2214}.bundle-card.popular{border-color:var(--ccec-red);background:#e01a2205}.bundle-card.popular.active{background:#e01a220a;box-shadow:0 4px 20px #e01a2226}.popular-badge{background:var(--ccec-red);color:#fff;text-transform:uppercase;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);letter-spacing:.5px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:0;right:30px}.bundle-details{align-items:center;gap:20px;display:flex}.bundle-checkbox{border:2px solid var(--border-color);width:24px;height:24px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.bundle-card.active .bundle-checkbox,.bundle-card.popular.active .bundle-checkbox{border-color:var(--ccec-red);background-color:var(--ccec-red)}.bundle-checkbox:after{content:"";width:10px;height:10px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;transform:scale(0)}.bundle-card.active .bundle-checkbox:after{transform:scale(1)}.bundle-info{flex-direction:column;display:flex}.bundle-name{color:var(--ccec-navy);font-size:18px;font-weight:700}.bundle-desc{color:var(--text-secondary);font-size:14px}.bundle-price-group{text-align:right}.bundle-price{color:var(--ccec-navy);font-size:24px;font-weight:800}.bundle-discount{color:var(--ccec-red);text-transform:uppercase;font-size:12px;font-weight:600}.bundle-card.popular .bundle-discount{color:var(--ccec-red)}.custom-qty-wrapper{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.custom-qty-wrapper.active{border-color:var(--ccec-red)}.qty-control{align-items:center;gap:16px;display:flex}.qty-btn{border-radius:var(--radius-sm);background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.qty-btn:hover{background:var(--ccec-red);color:#fff;border-color:var(--ccec-red)}.qty-val{text-align:center;min-width:30px;font-size:20px;font-weight:700}.checkout-summary-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px;position:sticky;top:110px}.summary-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.summary-title{color:var(--ccec-navy);font-size:22px}.summary-details-row{color:var(--text-secondary);justify-content:space-between;margin-bottom:14px;font-size:15px;display:flex}.summary-total-row{border-top:1px dashed var(--border-color);justify-content:space-between;margin-top:20px;margin-bottom:30px;padding-top:20px;display:flex}.total-label{color:var(--ccec-navy);font-size:18px;font-weight:700}.total-price{color:var(--ccec-red);font-size:28px;font-weight:800}.trust-badge-row{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;justify-content:center;gap:16px;margin-top:24px;font-size:11px;display:flex}.journey-section{background:var(--bg-card);border-top:1px solid var(--border-color);padding:100px 0}.journey-timeline{max-width:900px;margin:60px auto 0;position:relative}.journey-timeline:before{content:"";background:var(--border-color);width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-step{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex;position:relative}.timeline-step:last-child{margin-bottom:0}.timeline-card{background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border-color);width:45%;box-shadow:var(--shadow-sm);padding:24px 30px;position:relative}.timeline-step:nth-child(2n) .timeline-card{order:2}.timeline-step:nth-child(odd) .timeline-card{order:1}.timeline-step:after{content:"";border:4px solid var(--ccec-red);z-index:2;width:20px;height:20px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.timeline-step.special:after{border-color:var(--ccec-red);width:24px;height:24px;box-shadow:0 0 25px #e01a224d}.step-num{text-transform:uppercase;color:var(--ccec-red);letter-spacing:1px;margin-bottom:6px;font-size:12px;font-weight:700}.timeline-step.special .step-num{color:var(--ccec-red)}.step-title{color:var(--ccec-navy);margin-bottom:8px;font-size:18px;font-weight:700}.step-desc{color:var(--text-secondary);font-size:14px}.timeline-spacer{width:45%}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;opacity:0;pointer-events:none;width:100vw;height:100vh;transition:opacity var(--transition-normal);background:#18181bb3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);transition:transform var(--transition-normal);padding:40px;position:relative;transform:scale(.95)translateY(10px)}.modal-overlay.active .modal-content{transform:scale(1)translateY(0)}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:20px;right:20px}.form-group{text-align:left;margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:15px}.form-input:focus,.dark-theme .form-input:focus{border-color:var(--ccec-red)}.payment-row-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-header-section{text-align:center;margin-bottom:28px}.modal-main-title{color:var(--ccec-navy);margin-bottom:8px;font-size:24px}.dark-theme .modal-main-title{color:#fff}.modal-sub{color:var(--text-secondary);font-size:14px}.success-icon-container{color:#10b981;background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:40px;display:flex}.receipt-box{background:var(--bg-main);border-radius:var(--radius-md);text-align:left;margin:20px 0 28px;padding:20px}.receipt-row{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.receipt-row:last-child{border-top:1px dashed var(--border-color);margin-bottom:0;padding-top:10px;font-weight:700}.draw-container{flex-direction:column;min-height:100vh;display:flex}.draw-header{border-bottom:1px solid var(--border-color);padding:24px 0}.draw-header-content{justify-content:space-between;align-items:center;display:flex}.draw-back-link{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.draw-back-link:hover{color:var(--ccec-red)}.draw-hero-section{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:40px 24px;display:flex;position:relative}.draw-title-giant{color:#fff;margin-bottom:10px;font-size:46px;font-weight:800}.draw-title-giant span{color:var(--ccec-red);text-shadow:0 0 25px #e01a224d}.draw-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:60px;font-size:18px}.draw-choices-grid{grid-template-columns:repeat(8,1fr);gap:20px;width:100%;max-width:1100px;margin-bottom:60px;display:grid}.draw-card{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);perspective:1000px;background:linear-gradient(135deg,#27272a66 0%,#18181b99 100%);border:2px solid #ffffff14;padding:30px 15px;position:relative}.draw-card:after{content:"";border-radius:var(--radius-md);pointer-events:none;transition:all var(--transition-normal);border:2px solid #0000;position:absolute;inset:0}.draw-card:hover{background:linear-gradient(135deg,#27272a99 0%,#18181bcc 100%);transform:translateY(-10px)scale(1.03)}.draw-card.active-hover:hover:after{border-color:var(--ccec-red);box-shadow:0 0 25px #e01a224d}.draw-card.revealed{pointer-events:none}.hat-graphic-wrapper{transition:transform var(--transition-normal);margin-bottom:16px;font-size:52px}.draw-card:hover .hat-graphic-wrapper{animation:.5s ease-in-out infinite alternate shake}.draw-card.revealed .hat-graphic-wrapper{transform:translateY(-20px)rotate(15deg)}.choice-label{font-family:var(--font-heading);color:var(--text-secondary);font-size:16px;font-weight:700}.draw-card.revealed .choice-label{color:var(--text-muted)}.key-reveal-badge{opacity:0;transition:all var(--transition-normal);border-radius:6px;margin-top:10px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-block;transform:scale(.8)}.draw-card.revealed .key-reveal-badge{opacity:1;transform:scale(1)}.key-reveal-badge.winner{color:#10b981;background:#10b98133;border:1px solid #10b98166;box-shadow:0 0 15px #10b9814d}.key-reveal-badge.loser{color:#ef4444;background:#ef444433;border:1px solid #ef444466}.winner-overlay{z-index:2000;opacity:0;pointer-events:none;background:#09090bf2;flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .5s;display:flex;position:fixed;inset:0}.winner-overlay.active{opacity:1;pointer-events:auto}.winner-content-box{text-align:center;max-width:600px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);transform:scale(.9)translateY(20px)}.winner-overlay.active .winner-content-box{transform:scale(1)translateY(0)}.winner-confetti-effect{margin-bottom:24px;font-size:72px;animation:1s ease-in-out infinite alternate bounce-slow}.winner-announce{color:var(--ccec-red);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;font-size:20px;font-weight:700}.winner-title{color:#fff;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.1}.winner-text{color:var(--text-secondary);margin-bottom:40px;font-size:18px}.draw-controls-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;width:100%;max-width:900px;padding:30px;display:flex}.control-info{text-align:left}.control-title{margin-bottom:4px;font-size:16px;font-weight:700}.control-desc{color:var(--text-muted);font-size:13px}.control-btn-group{gap:12px;display:flex}footer{border-top:1px solid var(--border-color);background:var(--ccec-navy);color:#fff;padding:60px 0 30px}.dark-theme footer{background:#020305}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-col-desc{color:var(--text-muted);max-width:320px;margin-top:16px;font-size:14px}.footer-col-title{color:var(--ccec-red);text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:16px;font-weight:700}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:14px;text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;padding-top:30px;font-size:12px;display:flex}@keyframes float-slow{0%{transform:translate(0)scale(1)}to{transform:translate(10px,-15px)scale(1.05)}}@keyframes float-car{0%{transform:translateY(0)}to{transform:translateY(-12px)}}@keyframes rotate-badge{0%{transform:rotate(12deg)}50%{transform:rotate(18deg)translateY(-4px)}to{transform:rotate(12deg)}}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes bounce-slow{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-description{margin-inline:auto}.hero-cta-group{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.stat-item{border-right:none}.ticket-grid{grid-template-columns:1fr}.draw-choices-grid{grid-template-columns:repeat(4,1fr);gap:16px}.footer-grid{grid-template-columns:1fr;gap:30px}}@media (width<=768px){.hero-title{font-size:38px}.journey-timeline:before{left:20px}.timeline-step{flex-direction:column;align-items:flex-start}.timeline-card{width:calc(100% - 40px);margin-left:40px}.timeline-step:nth-child(2n) .timeline-card{order:1}.timeline-step:after{left:20px}.timeline-spacer{display:none}.draw-choices-grid{grid-template-columns:repeat(2,1fr)}.draw-controls-panel{text-align:center;flex-direction:column;gap:20px}.control-info{text-align:center}}
