﻿*{box-sizing:border-box}body{font-family:"Inter",sans-serif;background:#08080c;color:rgba(242,244,247,.56);font-size:16px;line-height:1.7;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(760px 520px at 8% -6%, rgba(206, 48, 111, 0.16), transparent 60%),radial-gradient(680px 480px at 100% 12%, rgba(206, 48, 111, 0.09), transparent 62%),radial-gradient(900px 620px at 50% 108%, rgba(206, 48, 111, 0.07), transparent 60%)}body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;background-image:linear-gradient(rgba(255, 255, 255, 0.7) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.7) 1px, transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle at 50% 34%, #000 0%, transparent 78%);-webkit-mask-image:radial-gradient(circle at 50% 34%, #000 0%, transparent 78%)}header,section,footer,.notice-bar{position:relative;z-index:1}h1,h2,h3,h4{font-family:"Space Grotesk",sans-serif;color:#f2f4f7;font-weight:600;line-height:1.16;letter-spacing:-0.6px}a{color:#ce306f;text-decoration:none;transition:color .2s ease}a:hover{color:rgb(218.1874015748,97.0125984252,145.3291338583)}p{margin-bottom:16px}img{max-width:100%}.primary-btn{display:inline-block;background:#ce306f;color:#06110a;font-family:"Inter",sans-serif;font-weight:700;font-size:15px;padding:14px 32px;border-radius:999px;box-shadow:0 0 0 rgba(0,0,0,0),0 10px 34px rgba(206,48,111,.34);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.primary-btn:hover{background:rgb(218.1874015748,97.0125984252,145.3291338583);color:#06110a;transform:translateY(-2px);box-shadow:0 14px 44px rgba(206,48,111,.48)}.ghost-btn{display:inline-block;color:#f2f4f7;font-family:"Inter",sans-serif;font-weight:600;font-size:15px;padding:13px 30px;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;background:hsla(0,0%,100%,.02);transition:border-color .22s ease,color .22s ease,transform .22s ease}.ghost-btn:hover{border-color:rgba(206,48,111,.28);color:#ce306f;transform:translateY(-2px)}.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 13px;border:1px solid rgba(206,48,111,.28);border-radius:999px;background:rgba(206,48,111,.14);font-family:"Inter",sans-serif;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:2.5px;color:#ce306f;margin-bottom:22px}.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#ce306f;box-shadow:0 0 10px rgba(206,48,111,.45)}.title-wrapper{max-width:660px;margin:0 auto 56px;text-align:center}.title-wrapper h2{font-size:40px;margin-bottom:16px}.title-wrapper h2 span{color:#ce306f;text-shadow:0 0 34px rgba(206,48,111,.45)}.title-wrapper p{color:rgba(242,244,247,.56);margin-bottom:0}header{padding:20px 0 0;position:sticky;top:0;z-index:60}header .navbar{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px;padding:10px 12px 10px 22px;background:linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.045));border-color:hsla(0,0%,100%,.24);box-shadow:0 18px 50px rgba(0,0,0,.6),0 0 0 1px rgba(206,48,111,.08),inset 0 1px 0 hsla(0,0%,100%,.06)}header .navbar::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}header .navbar::before{border-radius:999px 999px 0 0}header .navbar-brand{display:flex;align-items:center;gap:11px;padding:0}header .navbar-brand .logo-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(150deg, #ce306f, rgb(115.0031496063, 26.7968503937, 61.9677165354));color:#06110a;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 0 20px rgba(206,48,111,.45)}header .navbar-brand .logo-text{font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:19px;color:#f2f4f7;letter-spacing:-0.3px}header .navbar-toggler{border:1px solid hsla(0,0%,100%,.14);padding:5px 9px;border-radius:10px}header .navbar-toggler:focus{box-shadow:none}header .navbar-toggler .navbar-toggler-icon{filter:invert(1) grayscale(1) brightness(2)}header .nav-link{font-size:14.5px;font-weight:500;color:rgba(242,244,247,.82);padding:8px 15px !important;border-radius:999px;transition:color .2s ease,background .2s ease}header .nav-link:hover{color:#fff;background:hsla(0,0%,100%,.07)}header .nav-link.active{color:#ce306f;background:rgba(206,48,111,.16);box-shadow:inset 0 0 0 1px rgba(206,48,111,.3)}.notice-bar{padding:22px 0 0;text-align:center}.notice-bar .notice-inner{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;border:1px solid hsla(0,0%,100%,.12);border-radius:999px;background:hsla(0,0%,100%,.05);font-size:13.5px;color:rgba(242,244,247,.75)}.notice-bar .notice-inner i{color:#ce306f}.hero{padding:76px 0 96px}.hero h1{font-size:54px;margin-bottom:22px;letter-spacing:-1.6px}.hero h1 span{color:#ce306f;text-shadow:0 0 46px rgba(206,48,111,.45);white-space:nowrap}.hero p.lead-text{font-size:17.5px;color:rgba(242,244,247,.56);max-width:500px;margin-bottom:32px}.hero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:44px}.hero .hero-facts{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;max-width:452px}.hero .hero-facts div{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;padding:14px 18px}.hero .hero-facts div::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.hero .hero-facts div::before{border-radius:14px 14px 0 0}.hero .hero-facts div strong{display:block;font-family:"Space Grotesk",sans-serif;font-size:23px;color:#f2f4f7;line-height:1.2}.hero .hero-facts div span{font-size:12px;color:rgba(242,244,247,.5);text-transform:uppercase;letter-spacing:1.2px}.hero-board{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:20px;box-shadow:0 40px 90px rgba(0,0,0,.6)}.hero-board::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.hero-board .board-grid{display:grid;grid-template-columns:repeat(8, 1fr);border-radius:14px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08)}.hero-board .board-grid span{aspect-ratio:1/1;background:hsla(0,0%,100%,.028)}.hero-board .board-grid span.dark{background:rgba(206,48,111,.11)}.hero-board .board-grid span.mark{background:linear-gradient(150deg, #ce306f, rgb(123.2755905512, 28.7244094488, 66.4251968504));display:flex;align-items:center;justify-content:center;color:#06110a;font-size:30px;line-height:1;box-shadow:0 0 24px rgba(206,48,111,.45)}.hero-board .board-caption{display:flex;align-items:center;gap:13px;margin-top:20px;padding-top:18px;border-top:1px solid hsla(0,0%,100%,.08)}.hero-board .board-caption i{font-size:19px;color:#ce306f}.hero-board .board-caption strong{display:block;font-family:"Space Grotesk",sans-serif;color:#f2f4f7;font-size:15px}.hero-board .board-caption span{font-size:13px;color:rgba(242,244,247,.5)}.intro{padding:0 0 96px}.intro .intro-card{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:38px 42px;overflow:hidden}.intro .intro-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.intro .intro-card h2{font-size:25px;margin-bottom:14px}.intro .intro-card p{color:rgba(242,244,247,.56);margin-bottom:0;max-width:900px}.games{position:relative;padding:104px 0}.games .bento{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}.games .game-card{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:26px;display:flex;flex-direction:column;min-height:210px;overflow:hidden;transition:border-color .28s ease,transform .28s ease,box-shadow .28s ease}.games .game-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.games .game-card::after{content:"";position:absolute;right:-70px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(206, 48, 111, 0.3), transparent 68%);opacity:0;transition:opacity .35s ease}.games .game-card:hover{border-color:rgba(206,48,111,.28);transform:translateY(-5px);box-shadow:0 22px 54px rgba(0,0,0,.55)}.games .game-card:hover::after{opacity:1}.games .game-card:hover .game-open i{transform:translateX(4px)}.games .game-card.wide{grid-column:span 2}.games .game-card.tall{grid-row:span 2}.games .game-card.feature{grid-column:span 2;grid-row:span 2;min-height:436px;justify-content:space-between}.games .game-card.feature .game-icon{width:66px;height:66px;font-size:28px;border-radius:18px}.games .game-card.feature h3{font-size:32px}.games .game-card.feature p{font-size:15.5px;max-width:330px}.games .game-card .game-icon{width:50px;height:50px;border-radius:14px;background:rgba(206,48,111,.14);border:1px solid rgba(206,48,111,.28);color:#ce306f;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:20px;position:relative;z-index:1}.games .game-card .game-kind{font-family:"Inter",sans-serif;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:2.5px;color:#ce306f;display:block;margin-bottom:7px;color:rgba(242,244,247,.5);position:relative;z-index:1}.games .game-card h3{font-size:20px;margin-bottom:10px;position:relative;z-index:1}.games .game-card p{font-size:14px;color:rgba(242,244,247,.56);flex-grow:1;position:relative;z-index:1}.games .game-card .game-open{font-weight:600;font-size:13.5px;color:#f2f4f7;position:relative;z-index:1}.games .game-card .game-open i{font-size:11px;margin-left:7px;color:#ce306f;transition:transform .28s ease;display:inline-block}.games .game-card .game-open:hover{color:#ce306f}.games .game-card .mini-board{display:grid;grid-template-columns:repeat(6, 1fr);width:174px;border-radius:10px;overflow:hidden;border:1px solid hsla(0,0%,100%,.08);margin-top:24px;position:relative;z-index:1}.games .game-card .mini-board span{aspect-ratio:1/1;background:hsla(0,0%,100%,.03)}.games .game-card .mini-board span.d{background:rgba(206,48,111,.22)}.picks{padding:0 0 64px}.picks .pick-card{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:block;height:100%;padding:22px 24px;color:#f2f4f7;transition:border-color .28s ease,transform .28s ease}.picks .pick-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.picks .pick-card .pick-label{font-family:"Inter",sans-serif;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:2.5px;color:#ce306f;display:block;color:rgba(242,244,247,.5);margin-bottom:8px}.picks .pick-card h3{font-size:22px;margin-bottom:6px}.picks .pick-card p{margin:0;font-size:14px;color:rgba(242,244,247,.56)}.picks .pick-card:hover{border-color:rgba(206,48,111,.28);transform:translateY(-4px);color:#f2f4f7}.cmp-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:-20px 0 28px}.seg{display:inline-flex;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;overflow:hidden;background:hsla(0,0%,100%,.02)}.seg button{border:0;padding:10px 18px;background:rgba(0,0,0,0);color:#f2f4f7;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.seg button:hover{color:#ce306f}.seg button.is-active{background:#ce306f;color:#06110a}.cmp-count{margin:0 0 0 auto;font-size:13px;color:rgba(242,244,247,.5)}.cmp-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}.cmp-grid .game-card{min-height:0}.cmp-grid .game-card.is-hidden{display:none}.cmp-grid .game-card.is-soon{opacity:.8}.cmp-grid .game-card .game-art{display:block;aspect-ratio:4/3;margin:-26px -26px 20px;border-radius:20px 20px 0 0;overflow:hidden;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.08);position:relative;z-index:1}.cmp-grid .game-card .game-art svg{display:block;width:100%;height:100%}.cmp-grid .game-card .game-art .art-symbols{display:grid;grid-template-columns:repeat(3, 1fr);gap:6%;align-items:center;width:100%;height:100%;padding:14%;background:#0d0d12}.cmp-grid .game-card .game-art .art-symbols img{width:100%;height:auto}.cmp-grid .game-card .game-art .art-emoji span{display:block;text-align:center;font-size:clamp(26px,2.4vw,38px);line-height:1}.cmp-grid .game-card .game-art .art-soon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:"Inter",sans-serif;font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:2.5px;color:#ce306f;color:rgba(242,244,247,.5)}.cmp-grid .game-card h3 a{color:#f2f4f7}.cmp-grid .game-card h3 a:hover{color:#ce306f}.cmp-grid .game-card .badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;position:relative;z-index:1}.cmp-grid .game-card .badges span{padding:3px 10px;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;font-size:11.5px;color:#f2f4f7}.cmp-grid .game-card .rating{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:12.5px;color:rgba(242,244,247,.56);position:relative;z-index:1}.cmp-grid .game-card .rating strong{color:#f2f4f7}.cmp-grid .game-card .rating .stars{position:relative;display:inline-block;font-size:14px;line-height:1;letter-spacing:1px;color:hsla(0,0%,100%,.14)}.cmp-grid .game-card .rating .stars::before{content:"★★★★★"}.cmp-grid .game-card .rating .stars>span{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#ce306f}.cmp-grid .game-card .rating .stars>span::before{content:"★★★★★"}.cmp-grid .game-card .game-open.is-soon{color:rgba(242,244,247,.5);cursor:default}.cmp-grid .game-card .game-open.is-soon:hover{color:rgba(242,244,247,.5)}@media(max-width: 1199px){.cmp-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 767px){.cmp-grid{grid-template-columns:repeat(2, 1fr)}.cmp-count{margin-left:0;width:100%}}@media(max-width: 575px){.cmp-grid{grid-template-columns:1fr}}.how{position:relative;padding:104px 0;padding-top:0}.how .step-card{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:30px 28px;height:100%;transition:border-color .28s ease,transform .28s ease}.how .step-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.how .step-card:hover{border-color:rgba(206,48,111,.28);transform:translateY(-4px)}.how .step-card .step-index{font-family:"Space Grotesk",sans-serif;font-size:42px;font-weight:600;line-height:1;color:rgba(0,0,0,0);-webkit-text-stroke:1px rgba(206,48,111,.28);margin-bottom:20px}.how .step-card h3{font-size:19px;margin-bottom:10px}.how .step-card p{color:rgba(242,244,247,.56);margin-bottom:0;font-size:14.5px}.about{position:relative;padding:104px 0;padding-top:0}.about .about-block{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:32px 30px;height:100%;transition:border-color .28s ease,transform .28s ease}.about .about-block::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.about .about-block:hover{border-color:rgba(206,48,111,.28);transform:translateY(-4px)}.about .about-block i{color:#ce306f;font-size:21px;margin-bottom:18px;display:block}.about .about-block h3{font-size:19px;margin-bottom:10px}.about .about-block p:last-child{margin-bottom:0;color:rgba(242,244,247,.56);font-size:14.5px}.faq{position:relative;padding:104px 0;padding-top:0}.faq .accordion-item{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);margin-bottom:12px;overflow:hidden}.faq .accordion-item::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.faq .accordion-button{font-family:"Space Grotesk",sans-serif;font-size:16.5px;font-weight:600;color:#f2f4f7;background:rgba(0,0,0,0);padding:22px 26px;box-shadow:none}.faq .accordion-button:not(.collapsed){color:#ce306f;background:rgba(206,48,111,.14)}.faq .accordion-button:focus{box-shadow:none;border-color:rgba(0,0,0,0)}.faq .accordion-button::after{width:14px;height:14px;background-size:14px;filter:invert(1) grayscale(1) brightness(1.8)}.faq .accordion-body{padding:2px 26px 24px;color:rgba(242,244,247,.56);font-size:15px}.closing{position:relative;padding:104px 0;padding-top:0}.closing .closing-card{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:52px 48px;text-align:center;overflow:hidden}.closing .closing-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.closing .closing-card::after{content:"";position:absolute;left:50%;top:-40%;width:620px;height:420px;transform:translateX(-50%);background:radial-gradient(circle, rgba(206, 48, 111, 0.2), transparent 66%);pointer-events:none}.closing .closing-card>*{position:relative;z-index:1}.closing .closing-card h2{font-size:34px;margin-bottom:14px}.closing .closing-card p{color:rgba(242,244,247,.56);margin:0 auto 28px;max-width:560px}footer{border-top:1px solid hsla(0,0%,100%,.08);padding:40px 0}footer .copyright{font-size:13.5px;color:rgba(242,244,247,.5)}footer .copyright span{color:rgba(242,244,247,.56)}footer .footer-page-link li a{font-size:13.5px;color:rgba(242,244,247,.5);padding:0 10px}footer .footer-page-link li a:hover{color:#ce306f}footer .footer-note{font-size:12.5px;color:rgba(242,244,247,.5);border-top:1px solid hsla(0,0%,100%,.08);margin-top:26px;padding-top:22px;margin-bottom:0;line-height:1.65}.page-hero{padding:84px 0 64px;text-align:center}.page-hero h1{font-size:44px;margin-bottom:10px}.page-hero p{color:rgba(242,244,247,.56);margin-bottom:0}.legal{padding:0 0 104px}.legal .legal-card{position:relative;background:linear-gradient(160deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.015));border:1px solid hsla(0,0%,100%,.08);border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:44px 46px}.legal .legal-card::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);border-radius:20px 20px 0 0}.legal h2{font-size:21px;margin:36px 0 12px;color:#f2f4f7}.legal h2:first-child{margin-top:0}.legal p,.legal li{color:rgba(242,244,247,.56)}.legal ul{padding-left:20px;margin-bottom:16px}.legal ul li{margin-bottom:8px}
