@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--green-500: #10B981;--green-600: #059669;--green-400: #34D399;--gray-900: #111827;--gray-800: #1F2937;--gray-700: #374151;--gray-400: #9CA3AF;--gray-300: #D1D5DB;--white: #FFFFFF}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--gray-900);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}html{scroll-behavior:smooth}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.header{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease-in-out}.header.scrolled{background-color:#111827e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.header-container{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem}.logo-container{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--white)}.logo-text{font-size:1.5rem;font-weight:700}.desktop-nav{display:none}.nav-link,.desktop-nav a{color:var(--gray-300);text-decoration:none;font-weight:500;transition:color .3s ease;cursor:pointer}.nav-link:hover,.desktop-nav a:hover{color:var(--white)}.desktop-get-app-btn{display:none;background-color:var(--green-500);color:var(--white);font-weight:600;padding:.5rem 1.25rem;border-radius:.5rem;text-decoration:none;transition:background-color .3s ease}.desktop-get-app-btn:hover{background-color:var(--green-600)}.mobile-menu-button-container{z-index:50}.mobile-menu-button{background:none;border:none;color:var(--white);cursor:pointer}.mobile-menu-overlay{position:fixed;inset:0;background-color:#111827fa;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:2rem}.mobile-nav .nav-link,.mobile-nav a{font-size:1.25rem;color:var(--gray-300);text-decoration:none;font-weight:500}.mobile-get-app-btn{margin-top:1.5rem;background-color:var(--green-500);color:var(--white);font-weight:600;padding:.75rem 2rem;border-radius:.5rem;text-decoration:none;transition:background-color .3s ease}.mobile-get-app-btn:hover{background-color:var(--green-600)}.hero-section{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;color:var(--white);background-color:var(--gray-900);overflow:hidden}.hero-animated-bg,.hero-content,.hero-animated-text-container,.hero-scroll-indicator{grid-column:1 / -1;grid-row:1 / -1}.hero-animated-bg{position:relative;width:100%;height:100%;z-index:1}.hero-bg-word{position:absolute;top:var(--y);left:var(--x);color:#ffffff0d;font-size:1.5rem;font-weight:800;transform:scale(var(--s));animation:drift var(--d) linear infinite;animation-delay:calc(var(--i) * -.5s);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes drift{0%{transform:translateY(0) scale(var(--s));opacity:1}to{transform:translateY(-100vh) scale(var(--s));opacity:0}}.hero-animated-text-container{z-index:10;display:flex;align-items:center;justify-content:center;min-height:150px;margin-bottom:2rem;opacity:0}.hero-animated-text-container.visible{opacity:1;animation:fadeIn 1s ease forwards;animation-delay:.5s}.hero-animated-text{position:absolute;opacity:0;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:var(--green-400);text-shadow:0 0 5px var(--green-400),0 0 15px var(--green-400),0 0 30px var(--green-600)}.hero-animated-text.active{animation:finalSlam 1.5s cubic-bezier(.25,1,.5,1) forwards}.hero-animated-text.settled{animation:settleUp 1.2s cubic-bezier(.25,1,.5,1) forwards}@keyframes finalSlam{0%{opacity:0;transform:scale(1.2) translateY(20px)}40%{opacity:1;transform:scale(1) translateY(0)}80%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes settleUp{0%{opacity:1;font-size:2.5rem;transform:translateY(0)}to{opacity:0;font-size:1.25rem;transform:translateY(-25vh)}}.hero-content{position:relative;z-index:5;padding:1.5rem;opacity:0}.hero-content.visible{animation:slideUpFadeIn 1s ease-out forwards}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;background-color:#10b9811a;color:var(--green-400);padding:.25rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.hero-title{font-size:2.5rem;line-height:1.2;font-weight:900;letter-spacing:-.025em;margin-bottom:1rem}.hero-subtitle{max-width:42rem;margin-left:auto;margin-right:auto;font-size:1.125rem;color:var(--gray-300);margin-bottom:2rem}.hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}.hero-button{width:100%;font-weight:700;padding:.75rem 2rem;border-radius:9999px;font-size:1.125rem;text-decoration:none;transition:all .3s ease;transform-origin:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.hero-button:hover{transform:scale(1.05)}.hero-button.primary{background-color:var(--green-500);color:var(--white)}.hero-button.primary:hover{background-color:var(--green-600)}.hero-button.secondary{background-color:var(--gray-700);color:var(--white)}.hero-button.secondary:hover{background-color:#4b5563}.hero-scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite;opacity:0;transition:opacity 1s ease .5s}.hero-scroll-indicator.visible{opacity:1}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-15px)}60%{transform:translate(-50%,-7px)}}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.25rem;font-weight:700}.section-subtitle{color:var(--gray-400);margin-top:.5rem}.features-section,.how-it-works-section,.download-section,.how-to-join-section,.testimonials-section,.faq-section,.blog-section{padding-top:5rem;padding-bottom:5rem}.how-it-works-section,.testimonials-section,.blog-section{background-color:#11182780}.features-grid{display:grid;gap:2rem}.feature-card{background-color:var(--gray-800);padding:1.5rem;border-radius:1rem;border:1px solid rgba(55,65,81,.5);transition:transform .3s ease;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.feature-card:hover{transform:translateY(-.5rem)}.feature-card-icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background-color:#10b9811a;color:var(--green-400);margin-bottom:1rem}.feature-card-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:var(--white)}.feature-card-description{color:var(--gray-400)}.default-points-container{max-width:800px;margin:0 auto 3rem;background-color:var(--gray-800);padding:2rem;border-radius:1rem;border:1px solid var(--gray-700)}.default-points-title{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--white)}.points-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.points-table td{padding:.75rem;border-bottom:1px solid var(--gray-700)}.points-table tr:last-child td{border-bottom:none}.points-table td:last-child{text-align:right;font-weight:700;color:var(--green-400)}.points-note{display:flex;align-items:center;gap:.75rem;background-color:#111827b3;padding:1rem;border-radius:.5rem;font-size:.875rem;color:var(--gray-400)}.points-note p{margin:0}.points-note strong{color:var(--gray-300)}.rules-details-container{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.rule-detail-card{background-color:var(--gray-800);padding:1.5rem;border-radius:1rem;border:1px solid var(--gray-700)}.rule-detail-title{font-size:1.25rem;font-weight:700;color:var(--green-400);margin-bottom:.75rem}.rule-detail-description{color:var(--gray-300);margin-bottom:1rem;line-height:1.6}.rule-detail-example{background-color:#111827b3;padding:.75rem;border-radius:.5rem;font-size:.875rem;color:var(--gray-400);border-left:3px solid var(--green-500)}.golden-ball-section{display:flex;gap:1.5rem;align-items:center;background-color:var(--gray-800);padding:2rem;border-radius:1rem;border:1px solid #FBBF24;max-width:800px;margin:3rem auto 0}.golden-ball-icon{color:#fbbf24}.golden-ball-title{font-size:1.25rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.golden-ball-content p{color:var(--gray-300);margin:0}.golden-ball-content strong{color:var(--white)}.special-ball-section{display:flex;gap:1.5rem;align-items:center;background-color:var(--gray-800);padding:2rem;border-radius:1rem;border:1px solid #cf066b;max-width:800px;margin:3rem auto 0}.special-ball-icon{color:#cf066b}.special-ball-title{font-size:1.25rem;font-weight:700;color:#cf066b;margin-bottom:.5rem}.special-ball-content p{color:var(--gray-300);margin:0}.special-ball-content strong{color:var(--white)}.competition-types-grid{display:grid;gap:2rem;margin-top:3rem}.competition-type-card{background-color:var(--gray-800);padding:2rem;border-radius:1rem;border:1px solid var(--gray-700);text-align:center}.competition-type-card p{color:var(--gray-400);line-height:1.6}.competition-type-title{font-size:1.5rem;font-weight:700;color:var(--white);display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.tie-breaker-grid{display:grid;gap:2rem;margin-top:3rem}.tie-breaker-card{background-color:var(--gray-800);padding:2rem;border-radius:1rem;border:1px solid var(--gray-700)}.tie-breaker-title{font-size:1.5rem;font-weight:700;color:var(--white);margin-bottom:1rem}.tie-breaker-description{color:var(--gray-400);margin-bottom:1.5rem}.tie-breaker-subtitle{font-size:1.125rem;font-weight:600;color:var(--green-400);margin-top:1.5rem;margin-bottom:1rem}.tie-breaker-list{list-style:none;padding-left:0;margin:0}.tie-breaker-list li{background-color:#111827b3;padding:.75rem;border-radius:.5rem;margin-bottom:.5rem;border-left:3px solid var(--green-500);color:var(--gray-300)}.example-box{background-color:#3741514d;padding:1rem;border-radius:.5rem;margin-top:1.5rem;font-size:.875rem;color:var(--gray-400)}.example-box strong{color:var(--gray-300)}.admin-note{display:flex;align-items:center;gap:1rem;max-width:800px;margin:3rem auto 0;padding:1rem;background-color:#1f293780;border-radius:1rem;color:var(--gray-400);border:1px solid var(--gray-700)}.admin-note p{margin:0}.admin-note strong{color:var(--green-400)}.how-to-join-section{background-color:var(--gray-900)}.join-cards-container{display:grid;gap:2rem}.join-card{background-color:var(--gray-800);padding:2rem;border-radius:1rem;text-align:center;border:1px solid var(--gray-700);transition:transform .3s ease,box-shadow .3s ease}.join-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.join-card-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#10b9811a;color:var(--green-400)}.join-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.join-card p{color:var(--gray-400);max-width:300px;margin:0 auto}.testimonials-grid{display:grid;gap:2rem}.testimonial-card{background-color:var(--gray-800);padding:2rem;border-radius:1rem}.testimonial-stars{display:flex;gap:.25rem;color:#fbbf24;margin-bottom:1rem}.testimonial-text{font-style:italic;color:var(--gray-300);margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-author img{width:40px;height:40px;border-radius:50%}.testimonial-author span{font-weight:600;color:var(--white)}.beta-badge{background-color:var(--green-500);color:var(--white);font-size:.6rem;font-weight:700;padding:.25rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.3px}.blog-grid{display:grid;gap:2rem}.blog-post-card{background-color:var(--gray-800);padding:2rem;border-radius:1rem;cursor:pointer;border:1px solid var(--gray-700);display:flex;flex-direction:column}.blog-post-title{font-size:1.25rem;font-weight:700;color:var(--white);margin-bottom:.75rem}.blog-post-excerpt{color:var(--gray-400);flex-grow:1;margin-bottom:1.5rem}.blog-post-link{color:var(--green-400);font-weight:600;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .3s ease}.blog-post-link:hover{color:var(--green-500)}.blog-post-full-view{padding-top:100px;padding-bottom:5rem;min-height:calc(100vh - 80px);display:flex;flex-direction:column;width:100%}.blog-post-full-view .container{width:100%;max-width:800px}.back-to-blog-btn{display:inline-flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--gray-700);color:var(--gray-300);padding:.5rem 1rem;border-radius:9999px;cursor:pointer;margin-bottom:2rem;transition:all .3s ease}.back-to-blog-btn:hover{background-color:var(--gray-800);color:var(--white)}.blog-post-article{background-color:var(--gray-800);border-radius:1rem;padding:2rem}.blog-post-full-header{text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--gray-700);padding-bottom:2rem}.blog-post-full-header h1{font-size:2.5rem;font-weight:800;line-height:1.2;color:var(--white);margin-bottom:1rem}.blog-post-full-meta{color:var(--gray-400);font-weight:500}.blog-post-full-content{color:var(--gray-300);font-size:1.125rem;line-height:1.8}.blog-post-full-content p{margin-bottom:1.5rem}.blog-post-full-content .blog-content-subheading{font-size:1.75rem;font-weight:700;color:var(--green-400);margin-top:2.5rem;margin-bottom:1.5rem}.blog-post-full-content strong{color:var(--white);font-weight:600}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background-color:var(--gray-800);border-radius:.75rem;border:1px solid var(--gray-700);overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:none;border:none;color:var(--white);font-size:1.125rem;font-weight:600;text-align:left;cursor:pointer}.faq-chevron{transition:transform .3s ease;color:var(--green-400)}.faq-chevron.open{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease}.faq-answer.open{max-height:300px}.faq-answer p{padding:0 1.5rem 1.5rem;margin:0;color:var(--gray-400);line-height:1.7}.modal-overlay{position:fixed;inset:0;background-color:#111827cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease}.modal-content{background-color:var(--gray-800);padding:2rem;border-radius:1rem;border:1px solid var(--gray-700);text-align:center;max-width:400px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:scaleUp .4s ease-out}.modal-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fbbf24;color:var(--gray-900)}.modal-title{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:#fbbf24}.modal-text{color:var(--gray-300);margin-bottom:2rem;line-height:1.6}.modal-close-btn{width:100%;background-color:var(--green-500);color:var(--white);font-weight:600;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.modal-close-btn:hover{background-color:var(--green-600)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.download-card{background-image:linear-gradient(to right,var(--green-500),var(--green-600));border-radius:1rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2rem;text-align:center}.download-card-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.download-card-subtitle{font-size:1.125rem;opacity:.9}.download-card-buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.download-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.75rem;color:var(--white);font-weight:700;text-decoration:none;transition:transform .3s ease}.download-button:hover{transform:scale(1.05)}.download-button.ios{background-color:var(--gray-800)}.download-button.android{background-color:#00a4c6}.download-button-platform{font-size:.75rem;text-align:left}.download-button-store{font-size:1.125rem;line-height:1.2;text-align:left}.footer{background-color:var(--gray-900);border-top:1px solid var(--gray-800);color:var(--gray-400)}.footer-container{padding-top:2rem;padding-bottom:2rem}.footer-top-row{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.footer-logo-container{display:flex;justify-content:center;align-items:center;gap:.75rem}.footer-logo-text{font-size:1.25rem;font-weight:700;color:var(--white)}.social-links{display:flex;gap:1.5rem}.social-links a{color:var(--gray-400);transition:color .3s ease}.social-links a:hover{color:var(--white)}.footer-bottom-row{border-top:1px solid var(--gray-800);padding-top:2rem;text-align:center}.footer-note{font-size:.875rem;margin-top:.5rem}@media (min-width: 640px){.hero-title{font-size:3.5rem}.hero-buttons{flex-direction:row;justify-content:center}.hero-button{width:auto}.download-card-buttons{flex-direction:row;width:auto}.hero-animated-text{font-size:2.5rem}.hero-animated-text.climax-final{font-size:5rem}.footer-top-row{flex-direction:row}.footer-bottom-row{display:flex;justify-content:space-between}.footer-note{margin-top:0}.blog-post-full-header h1{font-size:2.75rem}}@media (min-width: 768px){.desktop-nav{display:flex;align-items:center;gap:2rem}.desktop-get-app-btn{display:block}.mobile-menu-button-container{display:none}.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.25rem}.features-grid{grid-template-columns:repeat(2,1fr)}.download-card{flex-direction:row;padding:3rem;text-align:left}.competition-types-grid{grid-template-columns:repeat(2,1fr)}.tie-breaker-grid{grid-template-columns:repeat(2,1fr);align-items:start}.join-cards-container{grid-template-columns:repeat(3,1fr)}.testimonials-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-post-full-header h1{font-size:3rem}.blog-post-article{padding:3rem}}@media (min-width: 1024px){.features-grid,.testimonials-grid,.blog-grid{grid-template-columns:repeat(3,1fr)}.hero-animated-text{font-size:3rem}.hero-animated-text.climax-final{font-size:6rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}