@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Cinzel:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--black: #000000;--white: #ffffff;--grass-green: #2D5016;--stadium-red: #C41E3A;--gold: #FFD700;--gray-light: #f5f5f5;--gray-medium: #888;--gray-dark: #333;--font-heading: "Arial Black", "Arial Bold", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem;--spacing-xl: 4rem;--container-width: 1200px}body{font-family:var(--font-body);line-height:1.6;color:var(--gray-dark);background:var(--white)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}.navbar{background:var(--black);color:var(--white);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000004d}.nav-wrapper{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:1px;color:var(--white);text-decoration:none;transition:color .3s}.logo:hover{color:var(--gold)}.nav-logo{display:flex;align-items:center}.logo-image{height:50px;width:auto;filter:brightness(1.1);transition:transform .3s}.nav-logo:hover .logo-image{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:var(--spacing-md)}.nav-links a{color:var(--white);text-decoration:none;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);transition:color .3s}.nav-links a:hover{color:var(--gold)}.desktop-nav{display:flex}.mobile-nav{display:none;flex-direction:column;padding:var(--spacing-sm) 0;gap:var(--spacing-sm)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--white);font-size:1.5rem;cursor:pointer}@media(max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.mobile-nav{display:flex}}.btn-primary,.btn-secondary{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:2px solid;border-radius:4px;cursor:pointer;transition:all .3s}.btn-primary{background:var(--black);color:var(--white);border-color:var(--black)}.btn-primary:hover{background:var(--white);color:var(--black)}.btn-secondary{background:var(--white);color:var(--black);border-color:var(--black)}.btn-secondary:hover{background:var(--black);color:var(--white)}.hero{background:linear-gradient(135deg,var(--grass-green) 0%,var(--black) 100%);color:var(--white);padding:var(--spacing-xl) 0;text-align:center}.hero-title{font-family:var(--font-heading);font-size:3.5rem;margin-bottom:var(--spacing-md);line-height:1.2;text-transform:uppercase}.hero-subtitle{font-size:1.5rem;margin-bottom:var(--spacing-md);max-width:800px;margin-left:auto;margin-right:auto}.hero-tagline{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--gold);text-transform:uppercase;letter-spacing:2px}.hero-cta{margin-top:var(--spacing-lg)}.problem-section,.constitution-section,.jersey-section,.impact-section,.movement-section{padding:var(--spacing-xl) 0}.problem-section{background:var(--gray-light)}.problem-section h2,.constitution-section h2,.jersey-section h2,.impact-section h2,.movement-section h2{font-family:var(--font-heading);font-size:2.5rem;margin-bottom:var(--spacing-md);text-align:center;text-transform:uppercase}.problem-section p,.impact-section p{font-size:1.2rem;margin-bottom:var(--spacing-sm);max-width:800px;margin-left:auto;margin-right:auto}.formal-intro{font-family:Playfair Display,serif;font-size:1.3rem;font-style:italic;text-align:center;max-width:800px;margin:var(--spacing-lg) auto;line-height:1.8;color:#1a252f;border-left:4px solid #d4af37;padding-left:var(--spacing-md);background:#d4af370d}.formal-tagline{font-family:Playfair Display,serif;font-size:1.15rem;text-align:center;max-width:700px;margin:var(--spacing-md) auto;line-height:1.8;color:#444}.constitution-section .principles-grid{margin-top:var(--spacing-xl)}.emphasis{font-size:1.5rem;text-align:center;margin:var(--spacing-md) 0}.call-to-action-text{text-align:center;font-size:1.8rem;margin-top:var(--spacing-md)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.principle{background:var(--white);padding:var(--spacing-md);border:2px solid var(--black);border-radius:4px}.principle h3{font-size:1.3rem;margin-bottom:var(--spacing-sm);color:var(--grass-green)}.principle p{font-size:1rem;line-height:1.5}.cta-center{text-align:center;margin-top:var(--spacing-lg)}.jersey-section{background:var(--black);color:var(--white)}.jersey-intro{font-size:1.5rem;text-align:center;margin-bottom:var(--spacing-md)}.jersey-message{max-width:700px;margin:var(--spacing-lg) auto}.jersey-message p{font-size:1.2rem;margin-bottom:var(--spacing-sm)}.jersey-message ul{list-style:none;padding:var(--spacing-md)}.jersey-message li{font-size:1.2rem;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-medium)}.jersey-message li:last-child{border-bottom:none}.jersey-details{text-align:center;margin:var(--spacing-lg) 0}.coming-soon{font-size:2rem;font-weight:700;color:var(--gold);margin-bottom:var(--spacing-md)}.jersey-details p{font-size:1.2rem;max-width:700px;margin:var(--spacing-sm) auto}.formal-jersey-text{max-width:700px;margin:var(--spacing-lg) auto;background:#ffffff0d;padding:var(--spacing-md);border-left:4px solid #d4af37}.formal-jersey-text p{font-family:Playfair Display,serif;font-size:1.2rem;margin-bottom:var(--spacing-sm);font-style:italic}.formal-jersey-details{max-width:700px;margin:var(--spacing-lg) auto;text-align:center}.formal-jersey-details p{font-family:Playfair Display,serif;font-size:1.1rem;line-height:1.8}.formal-tagline{font-family:Playfair Display,serif;font-style:italic;color:#d4af37!important;font-size:1.3rem!important}.email-signup{max-width:500px;margin:var(--spacing-lg) auto;text-align:center}.email-signup h3{font-size:1.8rem;margin-bottom:var(--spacing-md)}.email-signup form{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.email-signup input{flex:1;padding:var(--spacing-sm);font-size:1rem;border:2px solid var(--white);border-radius:4px}.success-message{color:var(--gold);font-size:1.2rem;font-weight:700;padding:var(--spacing-md)}.vision{background:var(--gray-light);padding:var(--spacing-md);border-left:4px solid var(--grass-green);margin:var(--spacing-lg) 0}.vision h3{font-size:1.8rem;margin-bottom:var(--spacing-sm)}.vision ul,.how-to-join ol{padding-left:var(--spacing-md);margin-top:var(--spacing-sm)}.vision li,.how-to-join li{margin:var(--spacing-sm) 0;font-size:1.1rem}.impact-statement,.movement-tagline{font-size:1.5rem;text-align:center;margin:var(--spacing-md) 0;font-weight:700}.constitution-text{background-color:#fdfbf7;color:#1a252f;border:4px double #d4af37;outline:1px solid #d4af37;outline-offset:-10px;font-family:Playfair Display,Times New Roman,serif;position:relative;overflow:hidden;padding:80px 60px;max-width:900px;margin:0 auto}.constitution-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background-image:url(../assets/LogoWorldSoccerSeal.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.06;pointer-events:none;z-index:0}.constitution-text *{position:relative;z-index:1}.constitution-text h2{font-family:Cinzel,serif;color:#1a252f;border-bottom:2px solid #d4af37;display:inline-block;padding-bottom:10px;margin-top:40px;font-size:2rem;width:100%;text-align:center}.constitution-header h1{font-family:Cinzel,serif;color:#d4af37;text-shadow:0px 2px 4px rgba(0,0,0,.5)}.constitution-text .preamble p{font-size:1.25rem;font-style:italic;font-weight:500;line-height:2;text-align:justify;margin-bottom:1.5rem}.constitution-text .article{margin-top:30px}.constitution-text .article h2{margin-top:40px;font-size:1.8rem}.constitution-text .article p{font-size:1.1rem;line-height:1.9;text-align:justify;margin-bottom:1rem}.constitution-text .article ul{margin-left:40px;margin-top:10px}.constitution-text .article li{font-size:1.1rem;line-height:1.8;margin:8px 0}.constitution-text .final-decree{margin-top:50px;text-align:center;padding-top:30px;border-top:3px double #d4af37}.constitution-text .final-decree h2{font-size:2rem;margin-bottom:30px}.constitution-text .final-decree p{text-align:center;font-size:1.2rem;margin-bottom:1rem}.constitution-text .tagline-large{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;margin:30px 0;text-align:center}.constitution-text .established{font-size:1rem;color:#666;margin-top:20px}.constitution-text .official-statement{font-family:Cinzel,serif;font-weight:700;color:#d4af37;font-size:1rem;margin-top:15px}.constitution-text .copyright{margin-top:50px;padding-top:30px;border-top:2px solid #d4af37;background:transparent}.constitution-text .copyright h3{font-family:Cinzel,serif;text-align:center;margin-bottom:20px;font-size:1.3rem}.constitution-text .copyright>p{text-align:center;font-size:.9rem;color:#666;margin-bottom:20px}.constitution-text .terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.constitution-text .permitted,.constitution-text .prohibited{background:#d4af371a;padding:20px;border-radius:4px;border:1px solid rgba(212,175,55,.3)}.constitution-text .permitted h4,.constitution-text .prohibited h4{font-family:Cinzel,serif;margin-bottom:10px;font-size:1rem}.constitution-text .permitted h4{color:#2d5016}.constitution-text .prohibited h4{color:#c41e3a}.constitution-text .permitted ul,.constitution-text .prohibited ul{list-style:none;margin:10px 0 0}.constitution-text .permitted li,.constitution-text .prohibited li{font-size:.95rem;margin:5px 0}.constitution-text .integrity-clause{background:#d4af3726;padding:20px;border-left:4px solid #d4af37;margin-top:25px;font-size:.95rem;font-style:normal;text-align:left}.constitution-text .integrity-clause strong{color:#1a252f}.download-section{margin:30px 0 50px}.download-section .btn-primary,.download-section .btn-secondary{font-family:Cinzel,serif;padding:15px 30px;font-size:1rem}.download-section .btn-primary{background:#1a252f;border-color:#1a252f}.download-section .btn-primary:hover{background:#d4af37;border-color:#d4af37;color:#1a252f}.download-section .btn-secondary{border-color:#1a252f;color:#1a252f}.download-section .btn-secondary:hover{background:#1a252f;color:#d4af37;border-color:#1a252f}.constitution-page{background:var(--gray-light);padding:var(--spacing-lg) 0}.constitution-header{text-align:center;padding:var(--spacing-lg) 0;background:linear-gradient(180deg,#1a252f,#000);color:var(--white);margin-bottom:var(--spacing-lg);border-bottom:4px solid #d4af37}.official-seal{margin-bottom:var(--spacing-md)}.seal-image{width:180px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.constitution-header h1{font-family:Cinzel,serif;font-size:2.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase;color:#d4af37;text-shadow:0px 2px 4px rgba(0,0,0,.5)}.constitution-header .subtitle{font-family:Playfair Display,serif;font-size:1.2rem;color:var(--white);margin-bottom:var(--spacing-xs);letter-spacing:2px}.constitution-header .tagline{font-family:Playfair Display,serif;font-size:1rem;font-style:italic;color:#888}.download-section{display:flex;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;flex-wrap:wrap}.constitution-text section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--gray-light)}.constitution-text section:last-of-type{border-bottom:none}.constitution-text h3{font-size:1.3rem;margin:var(--spacing-md) 0 var(--spacing-sm)}.constitution-text p{font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-sm)}.constitution-text ul{margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.constitution-text li{font-size:1.1rem;line-height:1.8;margin:var(--spacing-xs) 0}.tagline-large{font-size:2rem;font-weight:700;text-align:center;color:var(--grass-green);margin:var(--spacing-md) 0;text-transform:uppercase;letter-spacing:2px}.established,.official-statement{text-align:center;font-size:1.1rem}.official-statement{font-weight:700;color:var(--grass-green)}.copyright{background:var(--gray-light);padding:var(--spacing-lg);border-top:3px solid var(--black)}.copyright h3{text-align:center;margin-bottom:var(--spacing-md)}.terms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.permitted,.prohibited{background:var(--white);padding:var(--spacing-md);border-radius:4px}.permitted h4{color:var(--grass-green);margin-bottom:var(--spacing-sm)}.prohibited h4{color:var(--stadium-red);margin-bottom:var(--spacing-sm)}.integrity-clause{background:var(--white);padding:var(--spacing-md);border-left:4px solid var(--gold);margin-top:var(--spacing-md);font-style:italic}.cta-section{text-align:center;padding:var(--spacing-xl) 0;background:var(--grass-green);color:var(--white)}.cta-section h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.cta-section p{font-size:1.3rem;margin-bottom:var(--spacing-md)}.constitution-footer{text-align:center;padding:var(--spacing-lg) 0;background:var(--black);color:var(--white)}.official-message{font-size:1.1rem;line-height:1.8;font-weight:700}.contact-page{padding:var(--spacing-xl) 0;background:var(--gray-light);min-height:70vh}.page-header{text-align:center;margin-bottom:var(--spacing-lg)}.page-header h1{font-family:var(--font-heading);font-size:3rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.page-header p{font-size:1.2rem;margin:var(--spacing-sm) 0}.contact-content{max-width:800px;margin:0 auto;background:var(--white);padding:var(--spacing-xl);box-shadow:0 4px 20px #0000001a}.contact-form{margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:700;margin-bottom:var(--spacing-xs);font-size:1.1rem}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-sm);font-size:1rem;font-family:var(--font-body);border:2px solid var(--gray-medium);border-radius:4px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--grass-green)}.success-message-large{text-align:center;padding:var(--spacing-xl)}.success-message-large h2{color:var(--grass-green);font-size:2.5rem;margin-bottom:var(--spacing-md)}.success-message-large .tagline{font-weight:700;color:var(--gold);font-size:1.3rem;margin-top:var(--spacing-md)}.contact-info{border-top:2px solid var(--gray-light);padding-top:var(--spacing-md)}.contact-info h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}.contact-info p{margin:var(--spacing-sm) 0;font-size:1.1rem}.social-links{list-style:none;margin-top:var(--spacing-sm)}.social-links li{padding:var(--spacing-xs) 0;font-size:1.1rem}.site-footer{background:var(--black);color:var(--white);padding:var(--spacing-xl) 0 var(--spacing-md);margin-top:var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h4{font-size:1.3rem;margin-bottom:var(--spacing-sm);color:var(--gold)}.footer-section p{margin:var(--spacing-xs) 0}.footer-section ul{list-style:none}.footer-section a{color:var(--white);text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--gold)}.footer-form{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.footer-form input{flex:1;padding:var(--spacing-xs);border:none;border-radius:4px}.footer-form button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--gold);border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background .3s}.footer-form button:hover{background:var(--white)}.footer-bottom{border-top:1px solid var(--gray-medium);padding-top:var(--spacing-md);text-align:center}.footer-tagline{font-weight:700;color:var(--gold);margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:1px}@media(max-width:768px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem}.hero-tagline{font-size:1.3rem}.constitution-header h1{font-size:2rem}.download-section{flex-direction:column;align-items:center}.constitution-text{padding:var(--spacing-md)}.principles-grid{grid-template-columns:1fr}.email-signup form{flex-direction:column}.footer-content{grid-template-columns:1fr}}
