:root{--navy:#07192d;--navy2:#0c2944;--ice:#e9fbff;--blue:#12b8db;--blue2:#008cae;--orange:#ffb21c;--orange2:#f18413;--red:#ff5c4d;--ink:#102236;--muted:#627183;--line:#dce6eb;--white:#fff;--shadow:0 15px 45px rgba(9,35,56,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:#f5fbfc;overflow-x:hidden}button,a{font:inherit}.snow{position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#30bad4 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(#000,transparent 80%);z-index:-1}.site-header{height:88px;padding:0 max(22px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:42px;background:var(--navy);color:white}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand>span:last-child{display:flex;flex-direction:column;line-height:.8}.brand strong{font:30px Shrikhand,cursive;color:var(--orange);letter-spacing:.5px}.brand small{font-size:10px;font-weight:800;letter-spacing:5px;margin-left:3px;margin-top:5px;color:white}.brand-penguin{display:grid!important;place-items:center;width:43px;height:49px;border-radius:50% 50% 45% 45%;background:#fff;position:relative;border:7px solid #05111f}.brand-penguin:before,.brand-penguin:after{content:"";position:absolute;top:7px;width:5px;height:5px;background:#07192d;border-radius:50%}.brand-penguin:before{left:8px}.brand-penguin:after{right:8px}.brand-penguin span{width:11px;height:8px;background:var(--orange);clip-path:polygon(0 0,100% 50%,0 100%);color:transparent;margin-left:10px}.site-header nav{display:flex;gap:28px;flex:1}.site-header nav a{color:#c3d4df;text-decoration:none;font-weight:700;font-size:14px}.site-header nav a:hover{color:#fff}.wallet{display:flex;align-items:center;gap:10px;background:#102f4d;border:1px solid #264662;border-radius:13px;padding:9px 14px}.coin{display:grid;place-items:center;width:31px;height:31px;background:linear-gradient(145deg,#ffda5a,var(--orange2));border:3px solid #ffe68a;border-radius:50%;color:#784300;font-weight:900;box-shadow:inset 0 0 0 2px #e49613}.wallet>span:last-child{display:flex;flex-direction:column}.wallet small{font-size:8px;letter-spacing:1.4px;color:#8fb0c7}.wallet strong{font-size:13px;color:#fff}.ticker{height:37px;background:var(--orange);display:flex;align-items:center;overflow:hidden;font-size:12px;font-weight:700;color:#4f3000}.ticker>strong{height:100%;display:grid;place-items:center;padding:0 max(20px,calc((100vw - 1240px)/2));padding-right:20px;background:var(--orange2);color:#fff;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%);white-space:nowrap}.ticker div{display:flex;gap:70px;white-space:nowrap;animation:tick 25s linear infinite;padding-left:30px}.ticker div span:after{content:"•";margin-left:70px}@keyframes tick{to{transform:translateX(-55%)}}main{max-width:1240px;margin:auto;padding:0 22px}.hero{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:66px 0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--blue2);margin:0 0 12px}.hero h1{font:clamp(44px,5vw,73px)/.98 Shrikhand,cursive;letter-spacing:.2px;color:var(--navy);margin:0;max-width:680px}.hero h1 em{font-style:normal;color:var(--orange2);position:relative}.hero h1 em:after{content:"";position:absolute;height:8px;bottom:2px;left:2px;right:0;background:var(--orange);z-index:-1;border-radius:50%}.intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:620px;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:0;border-radius:12px;padding:15px 20px;text-decoration:none;font-weight:800;cursor:pointer}.button.primary{background:var(--navy);color:#fff;box-shadow:0 7px 0 #020c16}.button.primary span{margin-left:22px;color:var(--orange)}.button.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.button:hover{transform:translateY(-2px)}.safety{font-size:12px;font-weight:700;color:#768795;margin-top:22px}.safety span{display:inline-grid;place-items:center;color:#fff;width:17px;height:17px;border-radius:50%;background:#25aa71;margin-right:5px}.hero-art{height:410px;position:relative;background:linear-gradient(155deg,#8ee6f1,#2dbad4 65%,#0c8cac);border-radius:48% 48% 20% 20%;overflow:hidden;box-shadow:var(--shadow)}.sun{position:absolute;width:120px;height:120px;border-radius:50%;background:#fff7bd;top:45px;right:55px;box-shadow:0 0 50px #fff6a5}.iceberg{position:absolute;width:120%;height:42%;left:-10%;bottom:-12%;background:#eaffff;clip-path:polygon(0 48%,15% 22%,29% 47%,46% 12%,61% 43%,78% 0,100% 32%,100% 100%,0 100%)}.penguin{position:absolute;width:190px;height:270px;bottom:28px;left:21%;transform:rotate(-3deg)}.body{position:absolute;width:160px;height:220px;left:15px;top:15px;background:var(--navy);border-radius:49% 49% 44% 44%}.belly{position:absolute;width:115px;height:155px;background:#fff;left:22px;bottom:10px;border-radius:50% 50% 45% 45%}.eye{position:absolute;width:10px;height:12px;background:#fff;border-radius:50%;top:45px}.eye:after{content:"";position:absolute;width:4px;height:5px;background:#111;border-radius:50%;top:3px}.e1{left:55px}.e2{right:55px}.beak{position:absolute;width:43px;height:29px;background:var(--orange);top:65px;left:81px;clip-path:polygon(0 0,100% 50%,0 100%)}.wing{position:absolute;width:55px;height:155px;top:70px;background:#061321;border-radius:80% 20% 80% 20%;z-index:2}.wing.left{left:-10px;transform:rotate(20deg)}.wing.right{right:-18px;transform:rotate(-35deg)}.foot{position:absolute;width:69px;height:26px;bottom:22px;background:var(--orange);border-radius:60% 15% 40% 20%}.f1{left:23px;transform:rotate(-8deg)}.f2{right:12px;transform:rotate(6deg)}.odds-board{position:absolute;right:8%;top:46%;transform:rotate(5deg);background:#fff;border:6px solid var(--navy);box-shadow:7px 8px 0 rgba(4,26,41,.3);padding:13px 20px;text-align:center;display:flex;flex-direction:column}.odds-board small{font-size:9px;letter-spacing:2px;font-weight:900}.odds-board strong{font:36px Shrikhand;color:var(--red)}.odds-board span{font-size:11px;font-weight:800}.fish{position:absolute;filter:drop-shadow(0 4px 4px #087b91);animation:swim 4s ease-in-out infinite}.fish-one{top:18%;left:15%;font-size:31px}.fish-two{top:62%;right:8%;font-size:24px;animation-delay:-2s}@keyframes swim{50%{transform:translateX(15px) rotate(5deg)}}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;padding-top:25px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.section-title h2,.rules h2{font:36px Shrikhand;color:var(--navy);margin:0}.live-dot{font-size:11px;font-weight:800;color:#25a469;background:#e5f9ef;border-radius:20px;padding:8px 12px}.live-dot::first-letter{color:#21c97d}.market-card{display:flex;gap:19px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 7px 20px rgba(7,25,45,.05)}.market-card.feature{border:2px solid #b8eaf2;box-shadow:0 12px 30px rgba(0,140,174,.12)}.market-icon{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:14px;font-size:25px}.market-icon.petrol{background:#fff2d8}.market-icon.lunch{background:#e6f7dd}.market-icon.animal{background:#e9e4ff}.market-content{min-width:0;flex:1}.market-top{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8794a1;font-weight:700}.category{color:var(--blue2);letter-spacing:1.3px;font-weight:900}.market-card h3{font-size:22px;color:var(--navy);margin:7px 0 3px}.market-note{font-size:13px;color:#7b8996;margin:0 0 17px}.odds-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.odd{position:relative;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;padding:11px 10px;border:1px solid #dbe7eb;border-radius:9px;background:#f7fbfc;color:var(--ink);cursor:pointer;font-size:12px;text-align:left}.odd span{overflow:hidden;text-overflow:ellipsis}.odd strong{color:var(--blue2);background:#dff7fb;padding:5px 7px;border-radius:6px}.odd:hover,.odd.selected{border-color:var(--blue);background:#eafcff;transform:translateY(-1px)}.odd.selected{box-shadow:inset 0 0 0 1px var(--blue)}.odd i{position:absolute;font-style:normal;font-size:7px;font-weight:900;background:var(--red);color:#fff;padding:2px 5px;border-radius:5px;top:-7px;left:7px}.odd.nailed i{background:#25a469}.bet-slip{position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.slip-head{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;padding:17px 18px}.slip-head>div{display:flex;align-items:center;gap:9px}.slip-head span{font-size:22px}.slip-head button{background:transparent;border:0;color:#95adbd;font-size:11px;cursor:pointer}.empty-slip{text-align:center;padding:45px 30px}.empty-slip>span{display:block;font-size:42px;margin-bottom:9px}.empty-slip strong{color:var(--navy)}.empty-slip p{font-size:12px;color:#82909c;line-height:1.5}.slip-items{padding:10px 18px 0}.slip-item{position:relative;border-bottom:1px solid #edf1f3;padding:12px 25px 12px 0}.slip-item small{display:block;color:#8a98a4;font-size:9px;text-transform:uppercase}.slip-item strong{font-size:13px}.slip-item b{float:right;color:var(--blue2)}.slip-item button{position:absolute;right:0;top:12px;border:0;background:none;color:#a8b3bb;cursor:pointer}.slip-controls{padding:15px 18px 20px}.slip-controls label{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:7px}.slip-controls label span{color:#8997a2}.stake-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:0 12px}.stake-input span{font-weight:900;color:var(--orange2)}.stake-input input{width:100%;border:0;outline:0;padding:12px 7px;font-weight:800}.returns{display:flex;justify-content:space-between;align-items:center;margin:15px 0;font-size:11px;color:#7d8b97}.returns strong{font-size:16px;color:var(--navy)}.place-bet{width:100%;border:0;border-radius:10px;background:var(--orange);color:#573500;padding:14px;font-weight:900;cursor:pointer;box-shadow:0 5px 0 var(--orange2)}.place-bet:hover{transform:translateY(-1px)}.slip-controls>small{display:block;text-align:center;color:#99a4ac;font-size:9px;margin-top:12px}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;border-radius:18px;margin:70px 0 0;padding:25px}.trust-strip div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;padding:0 18px;border-right:1px solid #274059}.trust-strip div:last-child{border:0}.trust-strip span{grid-row:1/3;font-size:26px}.trust-strip strong{font-size:13px}.trust-strip small{font-size:10px;color:#89a3b7}.rules{text-align:center;max-width:760px;margin:80px auto;padding-bottom:75px}.rules p:last-child{color:#6b7a87;line-height:1.7}.rules h2{margin-bottom:15px}footer{background:#051524;color:#91a6b5;min-height:150px;padding:35px max(22px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:11px}.footer-brand{color:#fff}.footer-brand .brand-penguin{transform:scale(.8)}footer>div{display:flex;gap:20px}footer a{color:#c5d7e3;text-decoration:none}.toast{position:fixed;z-index:10;left:50%;bottom:25px;transform:translate(-50%,120px);opacity:0;background:var(--navy);color:#fff;border:2px solid var(--orange);border-radius:12px;padding:14px 20px;box-shadow:var(--shadow);font-size:13px;font-weight:700;transition:.35s}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:980px){.site-header nav{display:none}.site-header{justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero h1,.intro{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{max-width:620px;width:100%;margin:auto}.market-layout{grid-template-columns:1fr}.bet-slip{position:relative;top:0}.trust-strip{grid-template-columns:1fr 1fr;gap:25px}.trust-strip div:nth-child(2){border-right:0}.odds-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-header{height:74px;padding:0 14px}.brand strong{font-size:24px}.brand-penguin{transform:scale(.86)}.wallet{padding:7px 8px}.wallet small{display:none}.ticker>strong{padding-left:14px}.hero{padding:42px 0;min-height:auto}.hero h1{font-size:43px}.hero-art{height:330px}.penguin{left:12%;transform:scale(.82);transform-origin:bottom}.odds-board{right:3%}.market-layout{padding-top:0}.section-title{align-items:start}.section-title h2{font-size:30px}.live-dot{display:none}.market-card{padding:16px;gap:10px}.market-icon{width:42px;height:42px;flex-basis:42px;font-size:20px}.market-top span:last-child{display:none}.market-card h3{font-size:18px}.odds-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid #274059;padding-bottom:20px}.trust-strip div:last-child{border-bottom:0;padding-bottom:0}footer{flex-direction:column;text-align:center}.footer-brand{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.odd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;justify-content:initial;gap:4px 7px}.odd .probability{grid-column:1/-1;font-size:24px;line-height:1;color:var(--navy);letter-spacing:-1px}.odd span{white-space:nowrap;font-weight:700}.odd strong{color:#72818d;background:transparent;padding:0;border-radius:0;font-size:9px;font-weight:700;white-space:nowrap}.odd.selected .probability{color:var(--blue2)}.odd i{left:auto;right:7px}.history-chart{margin-top:17px;border-top:1px solid #e8eff2;padding-top:13px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#70808c}.chart-head span b{font-size:15px;color:var(--navy)}.chart-head>div{display:flex;background:#edf4f6;border-radius:7px;padding:2px}.chart-head button{border:0;background:transparent;color:#7b8994;border-radius:5px;padding:4px 8px;font-size:9px;font-weight:900;cursor:pointer}.chart-head button.active{background:#fff;color:var(--blue2);box-shadow:0 1px 5px rgba(7,25,45,.12)}.history-chart svg{width:100%;height:100px;display:block;overflow:visible;margin-top:5px}.history-chart text{font:9px "DM Sans",sans-serif;fill:#8996a0}.chart-grid{fill:none;stroke:#e8eff2;stroke-width:1}.chart-area{fill:rgba(18,184,219,.1)}.chart-line{fill:none;stroke:var(--blue2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--orange);stroke:#fff;stroke-width:2}
@media(max-width:620px){.chart-head{align-items:flex-start}.history-chart svg{height:88px}}
.odd strong{position:absolute;z-index:5;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,4px);opacity:0;pointer-events:none;color:#fff;background:var(--navy);padding:7px 9px;border-radius:7px;font-size:10px;box-shadow:0 5px 14px rgba(7,25,45,.24);transition:opacity .15s ease,transform .15s ease}.odd strong:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--navy)}.odd:hover strong,.odd:focus-visible strong{opacity:1;transform:translate(-50%,0)}.chart-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chart-head .chart-legend b{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#5f6e7a;white-space:nowrap}.chart-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.series-one{--series-colour:var(--blue2)}.series-two{--series-colour:var(--orange2)}.series-three{--series-colour:#7c63d8}.chart-legend .series-one,.chart-legend .series-two,.chart-legend .series-three{background:var(--series-colour)}.chart-line.series-one,.chart-line.series-two,.chart-line.series-three{stroke:var(--series-colour);transition:d .35s ease}.chart-dot.series-one,.chart-dot.series-two,.chart-dot.series-three{fill:var(--series-colour);transition:cx .35s ease,cy .35s ease}
@media(max-width:620px){.chart-legend{gap:5px 10px}.chart-head{flex-wrap:wrap}}
.history-chart{position:relative}.chart-tooltip{position:absolute;z-index:8;min-width:185px;max-width:260px;transform:translate(-50%,-100%);opacity:0;pointer-events:none;background:var(--navy);color:#fff;border:1px solid #28445d;border-radius:9px;padding:9px 11px;box-shadow:0 8px 22px rgba(7,25,45,.28);font-size:10px;transition:opacity .12s ease}.chart-tooltip.show{opacity:1}.chart-tooltip>b{display:block;color:var(--orange);font-size:10px;margin-bottom:5px}.chart-tooltip span{display:flex;justify-content:space-between;gap:14px;padding:2px 0;color:#d5e1e8}.chart-tooltip span strong{color:#fff;white-space:nowrap;font-size:10px}