@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#100d1c;--panel:#19132a;--panel2:#211735;--line:#332746;--text:#f7f4fc;--muted:#b7aec7;--purple:#9b6bff;--pink:#d17cff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.site-header{height:82px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em;font-size:16px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#a879ff,#6538b6);display:grid;place-items:center;font-family:'Barlow Condensed';font-size:17px}.brand-accent{color:#b78cff}.main-nav{display:flex;gap:34px;color:#d0c8dc;font-size:13px;font-weight:600}.main-nav a:hover,.text-link:hover{color:#c6a8ff}.header-cta{border:1px solid #62449b;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700;background:#211735}.header-cta span{color:#c6a8ff;margin-left:8px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}
.hero{max-width:var(--max);min-height:570px;margin:auto;padding:82px 24px 58px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;position:relative;overflow:hidden}.hero-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:#713dc5;filter:blur(150px);opacity:.2;right:8%;top:5%;pointer-events:none}.hero-content,.hero-side-card{position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.18em;color:#bda1f3}.live-dot{display:inline-block;width:7px;height:7px;background:#a77aff;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #a77aff}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(58px,7.5vw,94px);line-height:.91;letter-spacing:-.025em;margin:23px 0}.gradient-text{background:linear-gradient(90deg,#a77aff,#df9bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:520px;color:var(--muted);font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;gap:20px;padding:14px 19px;border-radius:8px;font-size:12px;font-weight:800;transition:.2s}.button-primary{background:linear-gradient(110deg,#8b58eb,#b16bff);color:white;box-shadow:0 8px 30px #8b58eb30}.button-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.button-ghost{border:1px solid #55436d;color:#e8e0f2}.hero-proof{display:flex;gap:28px;margin-top:45px}.hero-proof div{display:flex;flex-direction:column;gap:3px}.hero-proof strong{font-family:'Barlow Condensed';font-size:20px;color:#c4a3ff}.hero-proof span{font-size:10px;color:#a89db8}.hero-side-card{border:1px solid #493765;background:linear-gradient(145deg,#211735,#151020);border-radius:18px;padding:20px;box-shadow:0 25px 80px #0006;transform:rotate(2deg)}.side-card-top,.side-card-bottom{display:flex;align-items:center;justify-content:space-between}.mini-label,.side-card-bottom{font-size:9px;font-weight:800;letter-spacing:.15em;color:#c8b5e8}.season-pill{font-size:10px;font-weight:800;color:#e0caff;border:1px solid #7455a2;padding:5px 9px;border-radius:5px}.pitch{height:310px;margin:20px 0;border:1px solid #7555a0;border-radius:8px;position:relative;background:repeating-linear-gradient(0deg,#251b36,#251b36 37px,#2b2040 38px,#2b2040 75px);overflow:hidden}.pitch:before{content:"";position:absolute;inset:10px 18px;border:1px solid #795c9a;border-radius:3px}.pitch-line{position:absolute;left:18px;right:18px;top:50%;border-top:1px solid #795c9a}.pitch-circle{position:absolute;width:90px;height:90px;border:1px solid #795c9a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.player{position:absolute;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#d6b7ff,#8754d5);color:#211735;font-size:10px;font-weight:900;box-shadow:0 0 20px #a77aff80}.p1{left:47%;top:13%}.p2{left:26%;top:32%}.p3{right:26%;top:32%}.p4{left:47%;bottom:25%}.p5{left:47%;bottom:5%}.arrow-round{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#8e5fe2;color:white;font-size:15px}
.stats-strip{border-top:1px solid #30243e;border-bottom:1px solid #30243e;background:#151020;display:grid;grid-template-columns:repeat(4,1fr);padding:22px max(24px,calc((100% - var(--max))/2));gap:20px}.stats-strip div{display:flex;flex-direction:column;text-align:center;gap:3px}.stats-strip strong{font-size:12px;letter-spacing:.1em}.stats-strip span{font-size:10px;color:#9e93ae}
.section,.how-section{max-width:var(--max);margin:auto;padding:90px 24px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-heading h2,.community-banner h2{font-family:'Barlow Condensed';font-size:52px;line-height:1;margin:10px 0}.section-heading p,.community-banner p{color:var(--muted);font-size:13px;margin:10px 0 0}.section-index{font-size:10px;letter-spacing:.14em;color:#827590;padding-bottom:9px}.filter-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.search-box{display:flex;align-items:center;gap:10px;background:#19132a;border:1px solid #392c4d;border-radius:8px;padding:0 13px;min-width:235px;color:#a98be0}.search-box input{background:none;border:0;outline:0;color:white;padding:12px 0;width:100%;font:inherit;font-size:12px}.search-box input::placeholder{color:#8f849e}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter-button{border:1px solid #3b2d50;background:transparent;color:#bcb1cb;border-radius:6px;padding:9px 12px;font:600 10px Inter;cursor:pointer}.filter-button.active,.filter-button:hover{background:#382451;border-color:#8057bd;color:#fff}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.challenge-card{background:#19132a;border:1px solid #332746;border-radius:12px;overflow:hidden;transition:.2s}.challenge-card:hover{transform:translateY(-4px);border-color:#7853b1;box-shadow:0 15px 35px #0003}.card-art{height:155px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#302044}.card-art:before,.card-art:after{content:"";position:absolute;border:1px solid #ffffff25;border-radius:50%;width:220px;height:220px}.card-art:after{width:150px;height:150px}.art-one{background:radial-gradient(circle at 70% 30%,#8552bd,#302044 65%)}.art-two{background:radial-gradient(circle at 30% 70%,#5b4bb0,#201a3d 70%)}.art-three{background:radial-gradient(circle at 60% 30%,#368a83,#182d39 70%)}.art-four{background:radial-gradient(circle at 40% 40%,#9b5b9e,#302044 70%)}.art-five{background:radial-gradient(circle at 70% 40%,#b27a43,#35243b 70%)}.art-six{background:radial-gradient(circle at 50% 40%,#6574a7,#20233d 70%)}.art-number{position:absolute;top:13px;left:15px;font:700 12px 'Barlow Condensed';color:#ffffff9c}.art-symbol{font:100px 'Barlow Condensed';color:#ffffffbd;text-shadow:0 8px 25px #0005;z-index:1}.art-caption{position:absolute;bottom:13px;right:15px;font-size:8px;letter-spacing:.2em;font-weight:800;color:#ffffffbd}.card-body{padding:17px}.card-meta{display:flex;justify-content:space-between;color:#b99be9;font-size:8px;font-weight:800;letter-spacing:.12em}.difficulty{color:#d7b3ff;letter-spacing:.05em}.card-body h3{font-family:'Barlow Condensed';font-size:25px;margin:10px 0 5px}.card-body p{color:#aaa0b8;font-size:11px;min-height:52px;margin:0 0 14px}.text-link{border:0;background:none;color:#c7a8ff;padding:0;font:700 10px Inter;cursor:pointer}.text-link span{margin-left:8px}.empty-state{padding:30px;text-align:center;color:var(--muted)}
.how-section{padding-top:35px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{position:relative;border:1px solid #352747;background:linear-gradient(145deg,#1b152a,#151020);padding:24px;border-radius:11px;min-height:205px}.step-no{position:absolute;right:18px;top:15px;font:700 14px 'Barlow Condensed';color:#77618f}.step-icon{font-size:27px;color:#b58aff;margin:12px 0 15px}.step h3{font:700 19px 'Barlow Condensed';margin:0 0 6px}.step p{font-size:11px;color:#aaa0b8;margin:0;max-width:260px}.community-banner{max-width:var(--max);margin:0 auto 80px;padding:40px 45px;border:1px solid #563c79;border-radius:15px;background:radial-gradient(circle at 80% 10%,#54317b80,transparent 45%),#1b142b;display:flex;justify-content:space-between;align-items:center;gap:25px}.community-banner h2{font-size:43px}.community-banner .button{white-space:nowrap}.site-footer{max-width:var(--max);margin:auto;padding:25px 24px 35px;border-top:1px solid #30243e;display:flex;align-items:center;gap:20px}.site-footer p,.copyright{font-size:10px;color:#8f849e}.copyright{margin-left:auto}.challenge-dialog{width:min(650px,calc(100% - 30px));border:1px solid #654a8c;border-radius:14px;background:#19132a;color:white;padding:30px;box-shadow:0 25px 100px #000b}.challenge-dialog::backdrop{background:#080610c9;backdrop-filter:blur(5px)}.dialog-close{float:right;border:0;background:#302342;color:white;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.challenge-dialog h2{font:700 38px 'Barlow Condensed';margin:8px 0}.challenge-dialog>p{color:#b7aec7;font-size:12px}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:22px}.dialog-columns h3{font:700 17px 'Barlow Condensed'}.dialog-columns ul{padding-left:17px;color:#c4bacf;font-size:12px}.dialog-columns li{margin:7px 0}.dialog-note{border-top:1px solid #3a2c4d;padding-top:15px;margin-top:22px!important;font-size:10px!important}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-top:60px}.hero-side-card{max-width:480px;width:100%;margin:auto}.pitch{height:240px}.challenge-grid{grid-template-columns:repeat(2,1fr)}.filter-row{align-items:flex-start;flex-direction:column}.community-banner{margin-left:20px;margin-right:20px}.site-footer{flex-wrap:wrap}.copyright{width:100%;margin-left:0}}
@media(max-width:560px){.site-header{height:70px}.menu-toggle{display:block;margin-left:auto;margin-right:14px}.main-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#19132a;padding:20px 24px;z-index:5;flex-direction:column;gap:18px;border-bottom:1px solid #3a2c4d}.main-nav.open{display:flex}.header-cta{font-size:10px;padding:9px}.hero{padding:55px 20px 45px}.hero h1{font-size:65px}.hero-proof{gap:16px}.hero-proof span{font-size:9px}.stats-strip{grid-template-columns:repeat(2,1fr);row-gap:18px;padding:20px}.section,.how-section{padding:65px 20px}.section-heading{align-items:flex-start}.section-index{display:none}.section-heading h2{font-size:43px}.challenge-grid,.steps-grid{grid-template-columns:1fr}.card-art{height:165px}.filter-buttons{gap:6px}.filter-button{font-size:9px;padding:8px}.community-banner{padding:28px 22px;display:block}.community-banner h2{font-size:38px}.community-banner .button{margin-top:22px}.site-footer{padding:25px 20px}.site-footer p{width:100%;margin:0}.dialog-columns{grid-template-columns:1fr;gap:8px}}