*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#171717;background:#f5f5f5;min-width:320px;min-height:100vh;margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,a{font-family:inherit}button{cursor:pointer}#root{min-height:100vh}:root{--red:#e10600;--dark-red:#b90400;--black:#111;--gray:#777;--light:#f5f5f5;--white:#fff}.app{background:var(--light);width:100%;min-height:100vh;padding-bottom:85px}.header{z-index:100;background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;height:72px;padding:0 5%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;color:#111;font-size:24px;font-weight:900}.logo span{color:var(--red)}.menu{color:#111;background:#f2f2f2;border:0;border-radius:12px;width:42px;height:42px;font-size:21px}.hero{background:linear-gradient(90deg,#000000e0 0%,#0000009e 45%,#00000026 100%),url(https://images.unsplash.com/photo-1558981806-ec527fa84c39?auto=format&fit=crop&w=1600&q=85) 50%/cover no-repeat;align-items:flex-end;width:100%;min-height:430px;display:flex}.heroOverlay{color:#fff;width:100%;max-width:1180px;margin:auto;padding:65px 5%}.badge{background:var(--red);letter-spacing:1px;border-radius:20px;margin-bottom:14px;padding:7px 12px;font-size:11px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-2px;max-width:600px;margin:0;font-size:clamp(38px,6vw,68px);line-height:.98}.hero p{color:#e7e7e7;max-width:480px;margin:18px 0 24px;font-size:16px;line-height:1.5}.hero button{background:var(--red);color:#fff;border:0;border-radius:10px;padding:14px 24px;font-size:15px;font-weight:800}.hero button:hover{background:var(--dark-red)}.content{width:min(1180px,92%);margin:0 auto;padding:45px 0}.sectionTitle{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.sectionTitle span{color:var(--red);letter-spacing:1.4px;font-size:11px;font-weight:900}.sectionTitle h2{letter-spacing:-1px;margin:5px 0 0;font-size:30px}.sectionTitle a{color:var(--red);font-size:13px;font-weight:800;text-decoration:none}.raffles{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.raffleCard{background:#fff;border:1px solid #e8e8e8;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0000000f}.raffleImage{background-position:50%;background-size:cover;height:260px;padding:16px;position:relative}.status{background:var(--red);color:#fff;letter-spacing:1px;border-radius:20px;padding:7px 12px;font-size:10px;font-weight:900;display:inline-block}.raffleBody{padding:22px}.model{color:var(--red);letter-spacing:1px;margin:0 0 5px;font-size:10px;font-weight:900}.raffleBody h3{color:#151515;margin:0 0 22px;font-size:25px}.choose{color:#777;margin:0 0 10px;font-size:13px;font-weight:700}.packs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pack{color:#111;text-align:left;background:#fff;border:2px solid #e8e8e8;border-radius:14px;min-height:115px;padding:15px;transition:all .2s;position:relative}.pack:hover{border-color:var(--red);transform:translateY(-2px)}.pack strong{color:var(--red);font-size:34px;line-height:1;display:block}.pack span{margin-top:3px;font-size:12px;font-weight:900;display:block}.pack small{color:#888;margin-top:7px;font-size:11px;display:block}.pack.featured{border-color:var(--red);background:#fff7f7}.popular{background:var(--red);color:#fff;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:900;position:absolute;top:8px;right:8px}.progressInfo{color:#777;justify-content:space-between;margin-top:22px;font-size:12px;display:flex}.progressInfo strong{color:#111}.progress{background:#ececec;border-radius:20px;height:7px;margin-top:7px;overflow:hidden}.progress div{background:var(--red);border-radius:20px;height:100%}.participate{color:#fff;background:#111;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:15px 17px;font-size:14px;font-weight:800;display:flex}.participate:hover{background:var(--red)}.participate span{font-size:20px}.bottomNav{z-index:200;background:#fffffff5;border:1px solid #e8e8e8;border-radius:20px;grid-template-columns:repeat(4,1fr);width:min(560px,100% - 24px);height:68px;padding:6px 10px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #00000026}.bottomNav button{color:#8b8b8b;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}.bottomNav button span{font-size:19px}.bottomNav button.active{color:var(--red)}@media (width<=760px){.header{height:62px;padding:0 18px}.logo{font-size:21px}.hero{min-height:390px}.heroOverlay{padding:45px 22px}.hero h1{font-size:42px}.hero p{max-width:330px;font-size:14px}.content{width:calc(100% - 30px);padding:32px 0}.sectionTitle h2{font-size:25px}.sectionTitle a{font-size:11px}.raffles{grid-template-columns:1fr;gap:20px}.raffleImage{height:230px}.raffleBody{padding:18px}.raffleBody h3{font-size:23px}}@media (width<=390px){.hero h1{font-size:36px}.packs{gap:8px}.pack{padding:12px}.pack strong{font-size:30px}}.heroButton{background:var(--red);color:#fff;border-radius:10px;justify-content:center;align-items:center;padding:13px 24px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #e1060038}.heroButton:hover{background:var(--dark-red)}.raffleDescription{color:#777;margin:-12px 0 20px;font-size:13px;line-height:1.5}.messageCard{text-align:center;background:#fff;border-radius:15px;padding:25px;font-weight:700}.errorMessage{color:var(--red)}@media (width<=760px){.app{padding-bottom:92px}.hero{background-position:50%;align-items:center;min-height:315px}.heroOverlay{padding:35px 22px}.badge{margin-bottom:11px;padding:6px 11px;font-size:9px}.hero h1{letter-spacing:-1.4px;max-width:330px;font-size:35px;line-height:1.02}.hero p{max-width:310px;margin:13px 0 18px;font-size:13px;line-height:1.45}.heroButton{padding:11px 19px;font-size:13px}.content{padding-top:27px}.sectionTitle{margin-bottom:18px}.sectionTitle h2{font-size:27px}.raffleImage{height:205px}.raffleCard{border-radius:17px}.bottomNav{height:64px;bottom:8px}}.unitPrice{background:#f7f7f7;border:1px solid #e9e9e9;border-radius:13px;align-items:center;gap:8px;margin:18px 0 22px;padding:15px 17px;display:flex}.unitPrice span{color:#777;letter-spacing:1px;margin-right:auto;font-size:10px;font-weight:900}.unitPrice strong{color:var(--red);font-size:20px;font-weight:900}.unitPrice small{color:#777;font-size:10px;font-weight:900}.quickPacks{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.quickPack{color:#151515;background:#fff;border:2px solid #e9e9e9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:73px;padding:10px 5px;transition:all .18s;display:flex}.quickPack strong{font-size:22px;font-weight:900;line-height:1}.quickPack span{color:#888;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:800}.quickPack:hover{border-color:var(--red)}.quickPack.selected{border-color:var(--red);background:#fff5f5;box-shadow:0 5px 16px #e106001a}.quickPack.selected strong,.quickPack.selected span{color:var(--red)}.manualButton strong{font-size:20px}.manualBox{background:#f7f7f7;border-radius:13px;margin-top:13px;padding:15px}.manualBox label{color:#555;margin-bottom:9px;font-size:11px;font-weight:800;display:block}.manualInputWrap{background:#fff;border:2px solid #e4e4e4;border-radius:10px;align-items:center;height:50px;display:flex;overflow:hidden}.manualInputWrap:focus-within{border-color:var(--red)}.manualInputWrap input{color:#111;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 14px;font-size:18px;font-weight:900}.manualInputWrap span{color:#999;padding-right:14px;font-size:9px;font-weight:900}.purchaseSummary{color:#fff;background:#111;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-top:17px;padding:16px 17px;display:flex}.purchaseSummary>div{flex-direction:column;gap:4px;display:flex}.purchaseSummary span{color:#aaa;letter-spacing:1px;font-size:9px;font-weight:900}.purchaseSummary strong{font-size:15px;font-weight:900}.purchaseSummary .totalPrice{text-align:right}.purchaseSummary .totalPrice strong{color:#ff3b35;font-size:21px}.participate:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){.unitPrice{margin:15px 0 18px;padding:13px 14px}.unitPrice strong{font-size:18px}.quickPacks{grid-template-columns:repeat(3,1fr);gap:7px}.quickPack{border-radius:10px;min-height:65px}.quickPack strong{font-size:20px}.purchaseSummary{padding:14px}.purchaseSummary .totalPrice strong{font-size:19px}}