@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;600;700;800&display=swap";:root{--orange:#ff5a19;--blue:#00b9f2;--dark:#050b12;--panel:#0c1520}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--dark);color:#f5f7fa;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}header{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#04090fde;border-bottom:1px solid #ffffff18;align-items:center;width:100%;height:74px;padding:0 5vw;display:flex;position:fixed;top:0}.brand{align-items:center;gap:14px;display:flex}.brand img{filter:brightness(0)invert();width:116px;height:auto}.brand i{background:#fff4;width:1px;height:26px}.brand strong{letter-spacing:1px;font-family:Barlow Condensed;font-size:24px}nav{gap:34px;margin-left:auto;margin-right:38px;display:flex}nav a{text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:800}nav a:hover{color:var(--blue)}.headBuy{background:var(--orange);align-items:center;gap:8px;padding:13px 18px;font-size:12px;font-weight:800;display:flex}.headBuy svg{width:17px}.menu{color:#fff;background:0 0;border:0;display:none}.hero{background:url(/assets/campaign-hero.png) 50%/cover no-repeat;height:min(920px,100vh);min-height:650px;margin-top:0;position:relative}.heroShade{background:linear-gradient(90deg,#01070efa 0%,#01070eb8 38%,#01070e05 72%),linear-gradient(#0000 74%,#050b12 100%);position:absolute;inset:0}.heroText{max-width:690px;position:absolute;top:50%;left:7vw;transform:translateY(-45%)}.heroText>p,.eyebrow{color:var(--blue);letter-spacing:3px;font-size:12px;font-weight:800}.hero h1,.intro h2,.sectionTitle h2,.buy h2{letter-spacing:-2px;margin:20px 0;font-family:Barlow Condensed;font-size:clamp(58px,7vw,110px);font-weight:900;line-height:.88}.hero h1 em{color:var(--blue);text-shadow:0 0 28px #00baf255;font-style:normal}.hero h2{font-family:Barlow Condensed;font-size:clamp(22px,2.4vw,39px);line-height:1.1}.hero h2 b{color:var(--orange)}.heroBtns{gap:12px;margin-top:32px;display:flex}.heroBtns a{border:1px solid #fff6;align-items:center;gap:10px;padding:16px 24px;font-size:13px;font-weight:800;display:flex}.heroBtns a svg{width:18px}.heroBtns .orange{border-color:var(--orange);background:var(--orange)}.intro,.campaign,.buy{padding:110px 7vw}.intro{text-align:center;background:linear-gradient(#050b12,#09131e)}.intro h2{margin:14px 0;font-size:clamp(42px,5vw,76px)}.intro>p{color:#9aabb9;max-width:750px;margin:0 auto 50px;line-height:1.7}.products{text-align:left;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1450px;margin:auto;display:grid}.products article{background:#101a25;border:1px solid #ffffff14;transition:all .3s;overflow:hidden}.products article:hover{border-color:#00b9f277;transform:translateY(-8px)}.productTop{background:radial-gradient(circle,#1d3347 0,#0b131c 65%);justify-content:center;align-items:center;height:315px;display:flex;position:relative}.productTop>img{object-fit:cover;object-position:70% center;opacity:.92;width:100%;height:100%}.voucher{background:var(--orange);z-index:2;padding:9px 12px;font-family:Barlow Condensed;font-size:18px;font-weight:800;position:absolute;top:18px;left:18px}.amount{color:#ffd3c3;font-family:Barlow Condensed;font-size:26px;position:absolute;bottom:14px;right:16px}.productBody{padding:25px}.productBody small{color:var(--blue);letter-spacing:2px}.productBody h3{margin:8px 0 18px;font-family:Barlow Condensed;font-size:29px}.pills{flex-wrap:wrap;gap:7px;min-height:92px;display:flex}.pills span{color:#bfcbd4;border:1px solid #ffffff2a;padding:6px 8px;font-size:10px}.productBody>a{color:var(--orange);letter-spacing:1px;border-top:1px solid #ffffff1c;justify-content:space-between;margin-top:22px;padding-top:18px;font-size:11px;font-weight:800;display:flex}.productBody>a svg{width:18px}.campaign{color:#08111b;background:#dfe5e8}.sectionTitle{text-align:center}.sectionTitle h2,.buy h2{font-size:clamp(46px,5vw,75px)}.sectionTitle p{color:#53606a}.date{color:#fff;border-left:5px solid var(--orange);background:#07111c;justify-content:space-between;align-items:center;max-width:820px;margin:42px auto;padding:20px 28px;display:flex}.date span{letter-spacing:2px;font-size:11px}.date b{color:var(--blue);font-family:Barlow Condensed;font-size:29px}.campaignGrid{grid-template-columns:.86fr 1.14fr;gap:28px;max-width:1250px;margin:auto;display:grid}.offer,.steps{background:#fff}.offer{padding:38px}.offer>small{color:var(--orange);letter-spacing:2px;font-weight:800}.offer>p{color:#667;margin-top:38px;font-size:11px}.offer>h3{color:var(--orange);margin:0 0 30px;font-family:Barlow Condensed;font-size:64px}.offer>h3 span{color:#0c1a27;font-size:18px;display:block}.offer ul{margin:0;padding:0;list-style:none}.offer li{border-top:1px solid #dde3e8;gap:15px;padding:17px 0;display:flex}.offer li svg{color:var(--blue)}.offer li span{font-weight:700}.offer li small{color:#7c8992;letter-spacing:1px;margin-bottom:4px;font-size:9px;display:block}.steps>div{border-bottom:1px solid #e3e7ea;grid-template-columns:52px 48px 1fr 30px;align-items:center;gap:15px;min-height:110px;padding:18px 24px;display:grid}.steps>div>b{color:#b4bec5;font-family:Barlow Condensed;font-size:26px}.steps>div>span{color:#00a3da;background:#eaf8fd;height:44px;padding:11px}.steps section h4{margin:0 0 7px;font-family:Barlow Condensed;font-size:21px}.steps section p{color:#687680;margin:0;font-size:12px;line-height:1.5}.steps>div>svg{color:#20ad78}.buy{background:linear-gradient(135deg,#07101a,#0d2233);grid-template-columns:1fr 1fr;gap:7vw;display:grid}.buy>div>p{color:#94a5b2;max-width:550px}.countdown{gap:12px;margin-top:38px;display:flex}.countdown div{text-align:center;background:#ffffff0c;border:1px solid #ffffff1b;width:92px;padding:15px}.countdown b{color:var(--blue);font-family:Barlow Condensed;font-size:37px;display:block}.countdown span{color:#9badb9;font-size:9px}.buyCards{flex-direction:column;justify-content:center;gap:13px;display:flex}.buyCards a{color:#0b1420;border-left:5px solid var(--blue);background:#fff;align-items:center;gap:18px;padding:24px;display:flex}.buyCards a>svg{width:34px;height:34px;color:var(--blue)}.buyCards a>span{flex:1}.buyCards small{color:#74828d;letter-spacing:1px;font-size:9px;display:block}.buyCards b{font-family:Barlow Condensed;font-size:28px}.buyCards .shopee{background:var(--orange);color:#fff;border-color:#ffb392}.buyCards .shopee small,.buyCards .shopee>svg{color:#fff}footer{color:#788896;border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:45px 7vw;font-size:11px;display:grid}footer .brand{color:#fff}footer p:last-child{text-align:right}@media (width<=900px){header{height:64px;padding:0 20px}.brand img{width:90px}.brand strong{font-size:20px}nav{background:#07101a;flex-direction:column;width:100%;padding:25px;display:none;position:absolute;top:64px;left:0}nav.open{display:flex}.headBuy{display:none}.menu{margin-left:auto;display:block}.hero{background-position:62%;min-height:720px}.heroShade{background:linear-gradient(90deg,#01070ef0,#01070e73),linear-gradient(#0000 55%,#050b12)}.heroText{top:54%;left:24px;right:24px}.heroBtns{flex-direction:column;align-items:flex-start}.intro,.campaign,.buy{padding:80px 20px}.products{grid-template-columns:1fr}.productTop{height:280px}.campaignGrid,.buy{grid-template-columns:1fr}.date{flex-direction:column;align-items:flex-start;gap:8px}.steps>div{grid-template-columns:38px 40px 1fr;padding:16px 12px}.steps>div>svg{display:none}.countdown{gap:5px}.countdown div{width:25%;padding:12px 4px}footer{text-align:left;grid-template-columns:1fr;gap:20px}footer p:last-child{text-align:left}}
