@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}
:root{--orange:#ff5a12;--orange2:#ff8a00;--red:#ef2f25;--blue:#0588ef;--blue2:#0f5bd7;--yellow:#ffc400;--navy:#082657;--ink:#0e2448;--paper:#fff;--pale:#f6f8fb}
html{scroll-behavior:smooth}
body{margin:0;background:#fff6e8;color:var(--ink);font-family:Inter,Arial,sans-serif}
main{max-width:1440px;margin:auto;background:white;box-shadow:0 0 40px rgba(10,35,75,.09)}
a{color:inherit}
.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 54px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}
.brand{text-decoration:none;display:flex;align-items:center;position:relative;padding-bottom:12px}
.brand-q6,.brand-lab,.footer-brand span{font-family:"Baloo 2",Arial,sans-serif;font-weight:800;line-height:.8}
.brand-q6{font-size:39px;background:linear-gradient(180deg,#ffba00 0%,#ff5b10 48%,#e31a1a 100%);-webkit-background-clip:text;color:transparent;text-shadow:0 4px 0 rgba(255,255,255,.9);letter-spacing:-3px}
.brand-lab{font-size:34px;background:linear-gradient(180deg,#2ec8ff 0%,#087be3 60%,#0752bd 100%);-webkit-background-clip:text;color:transparent;margin-left:5px;letter-spacing:-2px}
.brand small{position:absolute;bottom:-2px;left:2px;font-size:8px;color:#314867;white-space:nowrap;font-weight:700}
.navlinks{display:flex;gap:28px}.navlinks a{text-decoration:none;font-size:13px;font-weight:700;color:#17325e}.navlinks a:hover{color:var(--orange)}

.hero{min-height:570px;display:grid;grid-template-columns:1.12fr .88fr;background:
radial-gradient(circle at 22% 26%,rgba(255,225,0,.5) 0 3%,transparent 4%),
radial-gradient(circle at 28% 50%,rgba(255,216,0,.32) 0 2%,transparent 3%),
linear-gradient(115deg,#ff2c16 0%,#ff7112 45%,#ffb200 72%,#ff301d 100%);color:white;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,220,0,.42) 0 4px,transparent 5px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000 0%,transparent 58%,#000 100%);opacity:.7}
.hero-copy{padding:62px 28px 46px 70px;position:relative;z-index:2}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:2.2px;font-weight:800}.eyebrow{color:#fff4be}
.hero-logo{display:flex;align-items:baseline;margin:5px 0 -3px;filter:drop-shadow(0 8px 2px rgba(112,20,0,.2))}
.hero-logo span,.hero-logo b{font-family:"Baloo 2",Arial,sans-serif;font-weight:800;line-height:.9;-webkit-text-stroke:6px white;paint-order:stroke fill}
.hero-logo span{font-size:112px;letter-spacing:-9px;background:linear-gradient(180deg,#ffd20a 0%,#ff7100 45%,#ed191b 100%);-webkit-background-clip:text;color:transparent}
.hero-logo b{font-size:92px;letter-spacing:-7px;margin-left:8px;background:linear-gradient(180deg,#39d8ff 0%,#0889ef 45%,#0755c7 100%);-webkit-background-clip:text;color:transparent}
.hero h1{font-family:"Baloo 2",Arial,sans-serif;font-size:45px;line-height:.95;margin:5px 0 14px;color:white;text-shadow:0 3px 2px rgba(120,30,0,.28)}
.hero p{max-width:620px;font-size:17px;line-height:1.5;margin:0;color:#fffdf8}
.heroactions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.cta{border:0;border-radius:999px;padding:14px 22px;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 8px 20px rgba(70,23,0,.18)}
.cta-red{background:linear-gradient(180deg,#ff4b31,#e91e20);color:#fff}.cta-blue{background:linear-gradient(180deg,#20a7ff,#0871dc);color:#fff}.cta-white{background:white;color:#e53a1b}.cta-yellow{background:linear-gradient(180deg,#ffd93b,#ffaf00);color:#7d2c00}
.proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.proof span{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(3px);padding:8px 12px;border-radius:999px;font-size:11px}.proof b{font-size:15px}
.hero-art{position:relative;min-height:570px;z-index:2}.glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,222,0,.42) 30%,transparent 66%);left:48%;top:50%;transform:translate(-50%,-50%)}
.mega-ball,.float-ball{position:absolute;border-radius:50%;display:grid;place-items:center;font-family:"Baloo 2",Arial,sans-serif;font-weight:800;color:#111;box-shadow:inset -12px -16px 22px rgba(0,0,0,.16),inset 8px 8px 14px rgba(255,255,255,.75),0 18px 28px rgba(120,30,0,.22);border:7px solid rgba(255,255,255,.9)}
.mega-ball{width:250px;height:250px;left:45%;top:27%;background:radial-gradient(circle at 35% 28%,#fff 0 31%,#f4f4f4 32% 50%,#ff5d3a 51% 100%);transform:translateX(-50%) rotate(-8deg)}.mega-ball span{font-size:128px;color:#087ee6;text-shadow:0 5px 0 white}
.float-ball{width:92px;height:92px;font-size:35px}.b03{left:4%;top:27%;background:linear-gradient(145deg,#fff 0 45%,#ef2d2d 46%)}.b21{left:16%;top:7%;background:linear-gradient(145deg,#fff 0 45%,#0a83e9 46%)}.b36{right:4%;top:7%;background:linear-gradient(145deg,#fff 0 45%,#ffc514 46%)}.b08{right:2%;bottom:12%;background:linear-gradient(145deg,#fff 0 45%,#ef2d2d 46%)}
.slogan{position:absolute;right:6%;top:48%;font-family:"Baloo 2";font-size:29px;line-height:1;color:white;text-align:right;transform:rotate(-5deg);text-shadow:0 3px 3px rgba(80,20,0,.25)}.slogan strong{color:#fff58b}

.section{padding:46px 58px}.white-section{background:white}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}.sectionhead h2{font-family:"Baloo 2";font-size:36px;line-height:1;margin:3px 0 0;color:var(--navy)}.section-kicker{color:var(--orange)}.section-kicker.light{color:#ffd553}.textlink{font-size:12px;font-weight:800;text-decoration:none;color:var(--blue)}.section-intro{max-width:850px;color:#52637d;line-height:1.6;margin:-10px 0 25px;font-size:14px}

.drawgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.result-card{background:#fff;border-radius:18px;padding:22px;border:1px solid #e6ebf2;box-shadow:0 10px 25px rgba(27,65,110,.09);overflow:hidden}.result-card .kicker{font-size:11px;font-weight:800;letter-spacing:1px;color:#64758e}.result-card .draw-date{font-size:11px;color:#72829b;margin-top:4px}.result-card .balls{display:flex;gap:7px;margin:18px 0 13px;flex-wrap:wrap}.num-ball{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-family:"Baloo 2";font-size:20px;font-weight:800;color:#111;border:3px solid #fff;box-shadow:inset -5px -7px 8px rgba(0,0,0,.13),0 5px 9px rgba(0,0,0,.17)}.num-ball:nth-child(3n+1){background:#ef3f3a}.num-ball:nth-child(3n+2){background:#ffd321}.num-ball:nth-child(3n){background:#1b99f0}.result-card h3{font-family:"Baloo 2";font-size:21px;margin:0}.loading{grid-column:1/-1}

.modes-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 58px 42px;background:white}.mode-card{border-radius:16px;padding:22px;color:white;position:relative;overflow:hidden;min-height:170px;box-shadow:0 10px 18px rgba(39,54,85,.1)}.mode-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-35px;bottom:-45px;background:rgba(255,255,255,.17)}.mode-card h3{font-family:"Baloo 2";font-size:25px;margin:5px 0 0}.mode-card p{font-size:13px;min-height:35px}.mode-card a{background:white;color:#123b78;border-radius:999px;padding:9px 14px;text-decoration:none;font-size:11px;font-weight:800}.mode-icon{font-size:16px;letter-spacing:2px}.mode-orange{background:linear-gradient(135deg,#ff5118,#ff9e00)}.mode-blue{background:linear-gradient(135deg,#0873d9,#10a5f5)}.mode-red{background:linear-gradient(135deg,#ee202e,#ff5940)}.mode-yellow{background:linear-gradient(135deg,#ff9d00,#ffc929);color:#6f3300}

.stats-section{background:linear-gradient(180deg,#eef8ff,#fff 80%)}.toolbar{display:flex;gap:14px;align-items:end;margin-bottom:22px}.toolbar label{font-size:11px;font-weight:800;color:#52647d}.toolbar select{display:block;margin-top:7px;padding:11px 34px 11px 12px;border:1px solid #d5dfeb;border-radius:10px;background:white;color:#14305a}.stats-summary{font-size:12px;color:#65758b;margin-bottom:15px}.statsbox{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat{background:white;border-radius:16px;padding:18px;border:1px solid #e8edf4;box-shadow:0 8px 16px rgba(37,77,120,.06)}.stat strong{font-family:"Baloo 2";font-size:32px;color:var(--blue);display:block}.stat span{font-size:11px;color:#667890}.note{font-size:11px;color:#667890;margin:16px 0 0}.strong-note{font-size:13px;font-weight:700;max-width:950px}

.generator-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;background:linear-gradient(135deg,#f24b19,#ff8f05 55%,#ffc214);color:white}.generator-copy h2{font-family:"Baloo 2";font-size:42px;line-height:1;margin:8px 0}.generator-copy p{line-height:1.55}.dark-toolbar label{color:#fff}.dark-toolbar select{border:0}.generator-cards{display:grid;grid-template-columns:1fr;gap:10px}.generator-cards .result-card{background:rgba(255,255,255,.96)}.generator-cards .balls{display:flex}.save{margin-top:10px;border:0;border-radius:999px;background:#0b83eb;color:white;padding:9px 12px;font-size:10px;font-weight:800}.saved{font-size:10px;color:#23865f;margin-top:8px}

.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.model-grid article{border-radius:16px;padding:20px;background:#fff;border:1px solid #e6ebf2;box-shadow:0 8px 16px rgba(37,77,120,.06)}.model-grid article b{font-family:"Baloo 2";font-size:30px;color:#ea3c23}.model-grid .meta{font-size:11px;line-height:1.55;color:#667890}

.lab-section{background:linear-gradient(135deg,#073f8b,#0a83ec 58%,#02a3ef);color:white}.light-head h2{color:white}.labgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.labgrid article{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:22px}.labgrid h3{font-family:"Baloo 2";font-size:26px;margin:5px 0}.labgrid p{font-size:13px;line-height:1.5}.lab-icon{font-size:30px;color:#ffd52c}.labbtn{border:1px solid rgba(255,255,255,.5);background:white;color:#0754a4;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800;cursor:pointer}.linkbtn{text-decoration:none;display:inline-block}.labout{background:#042855;border-radius:12px;padding:15px;color:#d6ecff;white-space:pre-wrap;overflow:auto;margin-top:16px;font-size:11px}

.fan-section{background:#fff7e8}.fan-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 28px;border-radius:18px;background:linear-gradient(90deg,#fff0d6,#fffaf1);border:1px solid #ffd9ad}.fan-icon{width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,#ff3a1b,#ff8a00);color:white;display:grid;place-items:center;font-family:"Baloo 2";font-size:29px;font-weight:800}.fan-card h3{font-family:"Baloo 2";font-size:24px;margin:0}.fan-card p{margin:2px 0 0;font-size:13px;color:#5c6d82}

.legalnote{padding:22px 58px;margin:0;background:white;color:#7a8798;font-size:10px;border-top:1px solid #eef1f5}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 58px;background:#0b2c59;color:#d7e5f5;font-size:11px}.footer-brand{display:flex;align-items:baseline}.footer-brand .brand-q6{font-size:34px}.footer-brand .brand-lab{font-size:30px}footer a{text-decoration:none;margin-left:16px}

@media(max-width:1050px){.navlinks{gap:14px}.hero{grid-template-columns:1fr}.hero-art{display:none}.drawgrid{grid-template-columns:repeat(2,1fr)}.modes-strip{grid-template-columns:repeat(2,1fr)}.generator-section{grid-template-columns:1fr}.model-grid{grid-template-columns:repeat(2,1fr)}.statsbox{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.topbar{padding:0 20px}.navlinks{display:none}.hero-copy{padding:44px 22px}.hero-logo span{font-size:82px}.hero-logo b{font-size:68px}.hero h1{font-size:34px}.section{padding:38px 20px}.sectionhead h2{font-size:31px}.drawgrid,.modes-strip,.model-grid,.labgrid{grid-template-columns:1fr}.modes-strip{padding:0 20px 38px}.statsbox{grid-template-columns:repeat(2,1fr)}.fan-card{grid-template-columns:1fr}.proof{gap:8px}.toolbar{flex-direction:column;align-items:flex-start}.legalnote,footer{padding-left:20px;padding-right:20px}footer{flex-direction:column;align-items:flex-start}footer a{margin:0 14px 0 0}}
.legal-global{padding:18px 34px;background:#fff4df;border-top:1px solid #f2d2a5;color:#6a5237;font-size:10px;line-height:1.55}.legal-global p{max-width:1050px;margin:4px 0}@media(max-width:700px){.legal-global{padding:18px 20px}}