*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{background:#fff;font-family:Inter,Arial,sans-serif}.header{background:#fff;border-bottom:1px solid #e5e7eb;width:100%;height:85px}.header-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{height:85px}.nav{gap:32px;display:flex}.nav a{color:#00122b;font-weight:500;text-decoration:none}.nav button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0}.nav button:hover{color:#07c}.languages{align-items:center;gap:10px;display:flex}.languages button{cursor:pointer;background:0 0;border:none;padding:0;transition:transform .2s}.languages button:hover{transform:scale(1.08)}.languages img{border-radius:50%;width:26px;height:26px;display:block}.languages button.active img{outline-offset:2px;outline:2px solid #00aeef}@media (width<=768px){.header{height:auto;padding:16px 0}.header-container{flex-direction:column;gap:16px}.logo{height:60px}.nav{flex-wrap:wrap;justify-content:center;gap:20px}}@media (width<=430px){.logo{height:50px}.nav{gap:12px;font-size:12px}.languages{gap:6px}.languages button{font-size:13px}}.hero{background-color:#0000;background-image:linear-gradient(#000000a6,#000000a6),url(/assets/hero/hero-home-referee-academy.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:80px 24px;display:flex}.hero-content{text-align:center;max-width:900px;padding-top:80px}.hero h1{color:#fff;margin-bottom:24px;font-size:3.5rem;line-height:1.1}.hero p{color:#ffffffe6;margin-bottom:40px;font-size:1.25rem;line-height:1.8}.hero-description{max-width:850px;margin:0 auto 40px}.hero-buttons{justify-content:center;gap:16px;display:flex}.primary{color:#fff;cursor:pointer;background:#00122b;border:none;border-radius:8px;padding:14px 24px}.secondary{color:#00122b;cursor:pointer;background:#fff;border:1px solid #00122b;border-radius:8px;padding:14px 24px}.hero-description{color:#fffc}@media (width<=768px){.hero{min-height:auto;padding:80px 24px}.hero h1{font-size:2rem}.hero p{font-size:1.1rem}}@media (width<=480px){.hero{min-height:auto;padding:40px 20px}.hero h1{font-size:1.5rem;line-height:1.15}.hero p{font-size:1rem;line-height:1.6}.hero-buttons{flex-direction:column;align-items:center}.primary,.secondary{width:100%;max-width:280px}}.resources{background:#f8fafc;padding:100px 24px}.resources-container{max-width:1200px;margin:0 auto}.resources h2{text-align:center;color:#00122b;margin-bottom:16px;font-size:2.5rem}.resources-subtitle{text-align:center;color:#4b5563;max-width:700px;margin:0 auto 60px;font-size:1.1rem;line-height:1.7}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.resource-card{color:inherit;background:#fff;border-radius:12px;padding:40px;text-decoration:none;transition:all .25s;display:block;box-shadow:0 8px 25px #0000000f}.resource-card:hover{transform:translateY(-6px)}.resource-card h3{color:#00122b;margin-bottom:16px}.resource-card p{color:#4b5563;margin-bottom:24px;line-height:1.6}.resource-card spam{color:#07c;font-weight:600;text-decoration:none}.resource-icon{color:#00122b;margin-bottom:24px;display:block}.solutions{background:#fff;padding:120px 24px}.solutions-container{max-width:1200px;margin:0 auto}.solutions h2{text-align:center;color:#00122b;margin-bottom:16px;font-size:3rem}.solutions-subtitle{text-align:center;color:#6b7280;margin-bottom:60px}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.solution-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px;transition:all .25s}.solution-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00122b14}.solution-card h3{color:#00122b;margin-bottom:16px}.solution-card p{color:#4b5563;margin-bottom:24px;line-height:1.7}.solution-card span{color:#10b981;font-weight:600}@media (width<=768px){.solutions{min-height:auto;padding:40px 20px}.solutions h2{font-size:2rem}.solutions-subtitle{margin-bottom:50px}.solutions-grid{grid-template-columns:repeat(2,1fr);gap:20px}.solution-card{padding:28px}.solution-card h3{font-size:1.5rem}}@media (width<=480px){.solutions{padding:80px 20px}.solutions h2{font-size:1.7rem}.solutions-subtitle{margin-bottom:40px;font-size:1rem}.solutions-grid{grid-template-columns:1fr;gap:20px}.solution-card{padding:24px}.solution-card h3{font-size:1.3rem}}.why-mem{background:#fff;padding:120px 24px}.why-mem-container{max-width:1200px;margin:0 auto}.why-mem h2{text-align:center;color:#00122b;margin-bottom:16px;font-size:3rem}.why-mem-subtitle{text-align:center;color:#6b7280;margin-bottom:60px}.why-mem-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.why-mem-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px}.why-mem-card h3{color:#00122b;margin-bottom:16px}.why-mem-card p{color:#4b5563;line-height:1.7}@media (width<=768px){.why-mem{min-height:auto;padding:40px 20px}.why-mem h2{font-size:2rem}.why-mem-subtitle{margin-bottom:50px}.why-mem-grid{grid-template-columns:repeat(2,1fr);gap:20px}.why-mem-card{padding:28px}.why-mem-card h3{font-size:1.5rem}}@media (width<=480px){.why-mem{min-height:auto;padding:40px 20px}.why-mem h2{font-size:1.75rem}.why-mem-subtitle{margin-bottom:40px;font-size:1rem}.why-mem-grid{grid-template-columns:1fr;gap:20px}.why-mem-card{padding:24px}.why-mem-card h3{font-size:1.4rem}.why-mem-card p{font-size:1rem;line-height:1.6}}.about{background:#fff;padding:120px 24px}.about-container{text-align:center;max-width:900px;margin:0 auto}.about h2{color:#00122b;margin-bottom:16px;font-size:3rem}.about-subtitle{color:#6b7280;margin-bottom:60px;font-size:1.1rem}.about-content{flex-direction:column;gap:32px;display:flex}.about-content p{color:#4b5563;margin:0;font-size:1.125rem;line-height:1.9}.about-mission{margin-top:80px}.about-mission p{color:#6b7280;margin-bottom:12px;font-size:1rem}.about-mission h3{color:#00122b;font-size:1.8rem;font-weight:700;line-height:1.3}@media (width<=768px){.about{min-height:auto;padding:40px 20px}.about h2{font-size:2rem}.about-subtitle{margin-bottom:50px}.about-content p{font-size:1.1rem}.about-mission{margin-top:60px}.about-mission h3{font-size:1.4rem}}@media (width<=480px){.about{min-height:auto;padding:40px 20px}.about h2{font-size:1.75rem}.about-subtitle{margin-bottom:40px;font-size:1rem}.about-content{gap:24px}.about-content p{font-size:1rem;line-height:1.8}.about-mission{margin-top:50px}.about-mission h3{font-size:1rem;line-height:1.3}}.contact{background-color:#fff;padding:120px 20px}.contact-container{text-align:center;max-width:900px;margin:0 auto}.contact h2{color:#00122b;margin-bottom:1rem;font-size:3rem;font-weight:700}.contact-subtitle{color:#4b5563;margin-bottom:2rem;font-size:1.5rem;font-weight:500}.contact-description{color:#4b5563;margin-bottom:3rem;font-size:1.2rem;line-height:1.8}.contact-email{color:#10b981;margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;text-decoration:none;display:inline-block}.contact-email:hover{color:#0e9f6e}.contact-actions{justify-content:center;display:flex}.contact-button{color:#fff;background-color:#00122b;border-radius:8px;padding:14px 32px;font-weight:600;text-decoration:none;transition:all .3s}.contact-button:hover{background-color:#00214f}@media (width<=768px){.contact{min-height:auto;padding:40px 20px}.contact h2{font-size:2rem}.contact-subtitle{font-size:1.3rem}.contact-description{font-size:1.1rem}.contact-email{font-size:1.8rem}}@media (width<=480px){.contact{min-height:auto;padding:40px 20px}.contact h2{font-size:1.75rem}.contact-subtitle{font-size:1.1rem;line-height:1.4}.contact-description{font-size:1rem;line-height:1.8}.contact-email{word-break:break-word;font-size:1.5rem}.contact-button{width:100%;max-width:280px}}.footer{color:#fff;background-color:#00122b;padding-top:60px;padding-bottom:30px}.footer-container{text-align:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-brand h3{margin-bottom:12px;font-size:2rem}.footer-brand p{color:#d1d5db;margin-bottom:24px}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:24px;display:flex}.footer-links a{color:#fff;text-decoration:none;transition:all .3s}.footer-links a:hover{color:#10b981}.footer-contact{margin-bottom:24px}.footer-contact a{color:#10b981;font-size:1.1rem;font-weight:600;text-decoration:none}.footer-bottom{border-top:1px solid #ffffff1a;width:100%;padding-top:30px}.footer-bottom p{color:#9ca3af;font-size:.9rem}.footer-logo{width:240px;height:auto;margin-bottom:12px}@media (width<=768px){.footer{padding-top:50px;padding-bottom:25px}.footer-logo{width:200px}.footer-brand p{font-size:.95rem}.footer-links{gap:24px}.footer-contact a{font-size:1rem}}@media (width<=480px){.footer{padding-top:40px;padding-bottom:20px}.footer-logo{width:160px}.footer-brand p{padding:0 10px;font-size:.9rem;line-height:1.6}.footer-links{gap:16px;font-size:.9rem}.footer-contact a{word-break:break-word;font-size:1rem}.footer-bottom p{font-size:.8rem}}.laws-container{max-width:1280px;margin:0 auto;padding:70px 30px 90px}.laws-subtitle{color:#667085;font-size:1.2rem}.laws-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:28px;display:grid}.law-card{background:#fff;border-radius:12px;flex-direction:column;min-height:260px;padding:28px;transition:all .25s;display:flex;box-shadow:0 8px 25px #0000000f}.law-card:hover{transform:translateY(-6px)}.law-icon{justify-content:center;align-items:center;width:52px;height:52px;display:flex}.law-header{align-items:center;gap:18px;margin-bottom:18px;display:flex}.law-header h3{color:#00122b;margin:0;font-size:1.8rem}.law-version{color:#667085;margin:8px 0 28px}.law-button{text-align:center;color:#fff;background:#07c;border-radius:8px;width:100%;margin-top:auto;padding:14px;font-weight:600;text-decoration:none;display:block}.law-button:hover{background:#005fa3}.circ-container{max-width:1280px;margin:0 auto;padding:70px 30px 90px}.circ-subtitle{color:#667085;font-size:1.2rem}.circ-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:28px;display:grid}.circ-card{background:#fff;border-radius:12px;flex-direction:column;min-height:260px;padding:28px;transition:all .25s;display:flex;box-shadow:0 8px 25px #0000000f}.circ-card:hover{transform:translateY(-6px)}.circ-icon{justify-content:center;align-items:center;width:52px;height:52px;display:flex}.circ-header{align-items:center;gap:18px;margin-bottom:18px;display:flex}.circ-header h3{color:#00122b;margin:0;font-size:1.8rem}.circ-version{color:#667085;margin:8px 0 28px}.circ-button{text-align:center;color:#fff;background:#07c;border-radius:8px;width:100%;margin-top:auto;padding:14px;font-weight:600;text-decoration:none;display:block}.circ-button:hover{background:#005fa3}.page-hero{text-align:center;margin-bottom:60px}.arts-container{max-width:1280px;margin:0 auto;padding:70px 30px 90px}.article-card-image{object-fit:cover;object-position:top;cursor:pointer;border-radius:10px;width:100%;height:300px;display:block}.page-hero h1{margin-bottom:18px;font-size:3rem}.arts-subtitle{color:#667085;font-size:1.2rem}.arts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:28px;display:grid}.arts-card{background:#fff;border-radius:12px;flex-direction:column;min-height:260px;padding:28px;transition:all .25s;display:flex;box-shadow:0 8px 25px #0000000f}.arts-card:hover{transform:translateY(-6px)}.arts-icon{justify-content:center;align-items:center;width:52px;height:52px;display:flex}.arts-button{text-align:center;color:#fff;background:#07c;border-radius:8px;width:calc(100% - 40px);margin:20px;padding:14px;font-weight:600;text-decoration:none;display:block}.arts-button:hover{background:#005fa3}.arts-card h3{padding:18px 20px 0}.image-modal{z-index:9999;background:#000000d1;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.image-modal-content{border-radius:10px;max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #0006}.image-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:42px;position:absolute;top:25px;right:35px}.article-modal{z-index:1100;background:#000000a6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.article-modal-content{background:#fff;border-radius:16px;width:min(850px,100%);max-height:85vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000040}.article-modal-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.8rem;position:absolute;top:1rem;right:1rem}.article-modal-close:hover{color:#000}.article-modal-content h2{color:#0f2343;margin-bottom:1.5rem;font-size:2rem}.article-modal-content h3{color:#0f2343;margin-top:2rem;margin-bottom:.75rem}.article-modal-content p{color:#444;line-height:1.7}