body{font-family:Arial,sans-serif;background:#f8f9fa}.app{min-height:100vh}.app header{margin-bottom:16px}.nav-link{margin-right:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(400px);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.page-transition{animation:fadeIn .4s ease-in-out}.form-control:focus,.form-select:focus{animation:fadeIn .2s ease-out;box-shadow:0 0 0 .2rem #1b5bb440}.card{transition:all .3s ease-out}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn{transition:all .2s ease-out}.btn:hover:not(:disabled){transform:translateY(-2px)}.badge{animation:fadeIn .3s ease-out}@keyframes slideProgress{0%{width:0}to{width:100%}}.progress-bar{animation:slideProgress .5s ease-out}tbody tr{transition:background-color .2s ease-out}tbody tr:hover{background-color:#1b5bb40d}.list-group-item{transition:all .2s ease-out}.list-group-item:hover{background-color:#1b5bb40d}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}@media (max-width: 768px){.features-section .card-body{padding:6px}.features-section .card-title{font-size:12px;margin-bottom:3px}.features-section .card-text{font-size:10px;line-height:1.2}.features-section svg{width:28px;height:28px}.how-section svg{width:24px;height:24px}}.features-section .card,.how-section .card{min-height:110px;width:100%}.features-section .col-md-4,.how-section .col-md-4{display:flex}:root{--brand-1: #1B5BB4;--brand-2: #144092;--brand-3: #4178c9;--sport-green: #1a7a3e;--sport-gold: #c8920a;--bg: #f5f5f5;--card-bg: #ffffff;--muted: #808080;--muted-light: #f0f0f0;--success: #90ee90;--danger: #ff8080;--warning: #ffff99;--info: #99ccff;--font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-heading: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--base-font-size: 14px;--container-max: 1200px;--card-border: #e8eef5}body{font-family:var(--font-body);font-size:var(--base-font-size);line-height:1.55;background:linear-gradient(135deg,#f0f5fce6,#d7e6fadb),url(/assets/stadium.png) center bottom / cover fixed no-repeat;color:#2c3e50;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max)}h1{font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.5px}h2{font-size:24px;font-weight:700}h3{font-size:20px;font-weight:600}h4,h5,h6{font-weight:600}.display-5{font-size:32px;font-weight:700}.lead{font-weight:500}.hero{background:linear-gradient(135deg,var(--brand-1) 0%,var(--brand-2) 100%);color:#fff;padding:3rem 1rem;border-radius:16px;margin-bottom:1.5rem}.hero .lead{color:#fffffff2;font-weight:500}.navbar-brand{font-weight:700;letter-spacing:.2px;color:var(--brand-1)}.navbar{padding:.35rem 0}.card{border-radius:12px;background:linear-gradient(135deg,#fff,#f9fbff);box-shadow:0 8px 24px #1b5bb41a;border:1px solid var(--card-border)}.btn-accent{background:var(--brand-1);border:none;color:#fff;border-radius:10px;padding:.6rem 1rem}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1b5bb41f}.btn-accent:focus,.btn-accent:active{outline:none;box-shadow:0 8px 26px #1b5bb41f}.btn-outline-primary{border:1px solid var(--brand-1);color:var(--brand-1);background:transparent;border-radius:10px}.btn-outline-primary:hover{background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;transform:translateY(-2px)}.shadow-blue{box-shadow:0 8px 32px #1b5bb41a}.shadow-soft{box-shadow:0 2px 4px #00000014}.badge-success-custom{background:#d4edda;color:#155724;padding:.32rem .5rem;border-radius:.5rem}.badge-danger-custom{background:#f8d7da;color:#721c24;padding:.32rem .5rem;border-radius:.5rem}.form-control{border-radius:4px;box-shadow:none;border:1px solid #ddd;padding:12px 15px}.form-control:focus{box-shadow:0 6px 18px #1b5bb414;border-color:var(--brand-1);outline:none}.table thead th{background:#fbfbff;border-bottom:0;color:#495057;font-weight:600}.badge{border-radius:.5rem}.site-footer{margin-top:2.5rem;padding:2rem 0;border-top:1px solid #edf0f7;color:var(--muted)}@media (max-width: 767px){.hero{padding:2rem .5rem}.hero h1{font-size:1.6rem}}.navbar-brand img{border-radius:8px}.navbar .nav-link{padding:.25rem .6rem;border-radius:.5rem;color:#374151}.navbar .nav-link:hover{background:#1b5bb40f}.navbar .nav-link.active{background:var(--brand-1);color:#fff}.avatar-circle{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background:var(--brand-1);box-shadow:0 8px 22px #1b5bb41f}.offcanvas .nav-link{padding:.5rem 0}.offcanvas .btn-accent{width:100%}.btn-accent{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));border:none;color:#fff}.btn-accent.btn-sm{padding:.28rem .6rem;font-size:.85rem;border-radius:.5rem}.navbar .form-control-sm{height:36px;padding:0 .6rem;font-size:.9rem}.navbar-brand img{width:36px;height:36px;border-radius:8px}.brand-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;border-radius:8px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));color:#fff}.gradient-hero{border-radius:16px;padding:3rem;background:linear-gradient(135deg,#1b5bb4ed,#144092e6 38%,#146437d1);background-size:200% 200%;animation:gradientShift 8s ease infinite;box-shadow:0 12px 40px #1b5bb447;position:relative;overflow:hidden;isolation:isolate}.gradient-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/stadium.png) center / cover no-repeat;opacity:.14;z-index:-1;border-radius:16px}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.fade-up{opacity:0;transform:translateY(12px);animation:fadeUp .6s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.text-white-75{color:#ffffffd9}.text-accent{color:var(--brand-3)}.world-image{width:100%;max-height:360px;object-fit:cover;border-radius:.6rem}.feature-icon{width:72px;height:72px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin:0 auto 12px;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;transition:transform .18s ease}.feature-icon svg{width:42px;height:42px}.card:hover .feature-icon{transform:translateY(-6px)}.features-section .card-body{text-align:center}.how-section{background:transparent}.how-step{background:#fff;border-radius:14px;box-shadow:0 12px 30px #1b5bb414;border-bottom:3px solid var(--sport-green);transition:transform .22s ease,box-shadow .22s ease;padding:2rem;display:flex;flex-direction:column;flex:1;min-height:260px}.how-step:hover{transform:translateY(-8px);box-shadow:0 20px 40px #1b5bb429;border-bottom-color:var(--brand-1)}.step-badge{width:86px;height:86px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:linear-gradient(90deg,var(--brand-1),var(--brand-2));color:#fff;font-weight:700;font-size:1.6rem;box-shadow:0 12px 30px #1b5bb41f}.badge-inner{display:block}.how-icon svg{width:36px;height:36px;color:var(--brand-1);stroke:currentColor}.how-step h5{margin-top:6px}@media (max-width: 767px){.how-step{padding:1.4rem}.step-badge{width:64px;height:64px;font-size:1.25rem}.how-icon svg{width:28px;height:28px}}.how-section .how-step{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.hosts-row>[class*=col-]{display:flex}.host-card{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.6rem;background:#fff;box-shadow:0 12px 30px #1018280f;min-height:120px}.host-flag{font-size:34px;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-1),var(--brand-2));color:#fff;box-shadow:0 8px 18px #3b82f61f}.host-name{margin-top:8px}.world-card{min-height:320px;background:#fff}.world-image{width:100%;height:100%;object-fit:cover;display:block}.world-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;background:linear-gradient(180deg,#00000014,#144092a6,#146437b3);display:flex;align-items:center}.world-stat .stat-number{font-size:1.4rem;font-weight:700}.world-stat .stat-label{font-size:.85rem;opacity:.95}.site-footer{background:transparent;border-top:0;padding:2.5rem 0;color:var(--muted)}.site-footer .footer-brand{font-weight:700;font-size:1.05rem;color:var(--brand-1)}.site-footer .footer-links a{color:#2c3e50;text-decoration:none;display:block;margin-bottom:8px}.site-footer .footer-links a:hover{text-decoration:underline}.site-footer .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#1b5bb414;color:var(--brand-1);margin-right:8px}.site-footer .footer-section{margin-bottom:12px}.site-footer .footer-section h6{font-weight:700;color:var(--brand-1);margin-bottom:8px}.site-footer .footer-legal{font-size:.9rem;color:#666}@media (max-width: 767px){.world-card{min-height:220px}}.how-section .row>[class*=col-]{display:flex}.how-section .how-step{display:flex;flex-direction:column}.hero-images{padding-right:.5rem}.hero-image-stack{position:relative;width:320px;max-width:46vw;height:220px}.hero-img{display:block;border-radius:12px;box-shadow:0 18px 36px #081e502e;object-fit:cover}.hero-img-main{width:100%;height:100%}.hero-img-small{position:absolute;width:110px;height:110px;background:transparent;border-radius:14px}.hero-img-single{width:320px;max-width:46vw;height:auto;border-radius:12px;box-shadow:0 18px 36px #081e502e;object-fit:contain}.hero-img-top{right:-12px;top:-18px;transform:rotate(-8deg);box-shadow:0 14px 30px #081e501f}.hero-img-bottom{right:-22px;bottom:-14px;transform:rotate(10deg);box-shadow:0 14px 30px #081e501f}@media (max-width: 991px){.hero-image-stack{width:260px;height:180px}.hero-img-small{width:90px;height:90px}.hero-img-single{width:260px}}@media (max-width: 767px){.hero-image-stack{display:none}}.wc-logo-watermark{position:absolute;right:1.5rem;bottom:1rem;width:90px;opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none}.wc-stadium-section{position:relative;border-radius:16px;overflow:hidden;background:url(/assets/stadium.png) center / cover no-repeat}.wc-stadium-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1b5bb4cc,#144092b8 40%,#14643799)}.wc-stadium-section>*{position:relative;z-index:1}.card-sport{border-left:4px solid var(--sport-green)!important}.badge-sport{background:var(--sport-green);color:#fff;border-radius:.5rem;padding:.28rem .55rem;font-size:.82rem;font-weight:600}.text-gold{color:var(--sport-gold)}.border-gold{border-color:var(--sport-gold)!important}.trophy-shine{display:inline-block;transition:filter .3s ease}.trophy-shine:hover{filter:drop-shadow(0 0 8px rgba(200,146,10,.6))}.participants-grid{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.team-badge{background:#fff;border:1px solid rgba(0,0,0,.06);color:#123;padding:.35rem .7rem;border-radius:.45rem;font-weight:600;font-size:.9rem;box-shadow:0 8px 22px #1b5bb40a}@media (max-width: 767px){.participants-grid{justify-content:center}.team-badge{font-size:.85rem}}.footer-stats{align-items:center}.footer-stat{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));padding:.6rem 1rem;border-radius:.6rem;min-width:110px;text-align:center;box-shadow:0 10px 30px #1b5bb41f}.footer-stat .stat-number{font-size:1.25rem;font-weight:800}.footer-stat .stat-label{font-size:.85rem;opacity:.95}@media (max-width: 767px){.footer-stat{min-width:90px;padding:.45rem .6rem}.footer-stat .stat-number{font-size:1.05rem}}body[data-theme=dark]{--brand-1: #4e90e8;--brand-2: #6aaaf5;--brand-3: #7db3f0;--card-bg: #1e2130;--muted: #9ca3af;--muted-light: #252836;--card-border: #2d3748;background:linear-gradient(135deg,#0f1117f2,#151822f7),url(/assets/stadium.png) center bottom / cover fixed no-repeat;color:#e2e8f0}body[data-theme=dark] .navbar{background-color:#1a1d2e!important;border-bottom:1px solid #2d3748}body[data-theme=dark] .navbar .nav-link{color:#cbd5e1!important}body[data-theme=dark] .navbar .nav-link:hover{background:#4e90e81f}body[data-theme=dark] .navbar-brand div{color:#60a5fa!important}body[data-theme=dark] .navbar-brand small{color:#9ca3af!important}body[data-theme=dark] .card{background:linear-gradient(135deg,#1e2130,#252a3a);border-color:#2d3748;color:#e2e8f0}body[data-theme=dark] .how-step{background:#1e2130;border-bottom-color:var(--sport-green)}body[data-theme=dark] .card-body{color:#e2e8f0}body[data-theme=dark] .form-control,body[data-theme=dark] .form-select{background-color:#252836;border-color:#3d4a5c;color:#e2e8f0}body[data-theme=dark] .form-control::placeholder{color:#6b7280}body[data-theme=dark] .form-control:focus,body[data-theme=dark] .form-select:focus{background-color:#2d3344;border-color:#4e90e8;color:#e2e8f0;box-shadow:0 0 0 .2rem #4e90e840}body[data-theme=dark] .dropdown-menu{background-color:#1e2130;border-color:#2d3748}body[data-theme=dark] .dropdown-item{color:#e2e8f0}body[data-theme=dark] .dropdown-item:hover{background-color:#252836;color:#fff}body[data-theme=dark] .dropdown-divider{border-color:#2d3748}body[data-theme=dark] .table{color:#e2e8f0}body[data-theme=dark] .table thead th{background:#252836;color:#9ca3af}body[data-theme=dark] .table-striped>tbody>tr:nth-of-type(odd)>*{color:#e2e8f0;background-color:#ffffff08}body[data-theme=dark] tbody tr:hover{background-color:#4e90e814}body[data-theme=dark] .table>:not(caption)>*>*{border-color:#2d3748}body[data-theme=dark] .text-muted{color:#9ca3af!important}body[data-theme=dark] .text-dark{color:#e2e8f0!important}body[data-theme=dark] .bg-white{background-color:#1e2130!important}body[data-theme=dark] .bg-light{background-color:#252836!important}body[data-theme=dark] .border{border-color:#2d3748!important}body[data-theme=dark] hr{border-color:#2d3748}body[data-theme=dark] .offcanvas{background-color:#1a1d2e;color:#e2e8f0}body[data-theme=dark] .offcanvas .nav-link{color:#cbd5e1!important}body[data-theme=dark] .btn-close{filter:invert(1)}body[data-theme=dark] .navbar-toggler-icon{filter:invert(1) brightness(1.5)}body[data-theme=dark] .navbar-toggler{border-color:#fff3!important}body[data-theme=dark] .list-group-item{background-color:#1e2130;border-color:#2d3748;color:#e2e8f0}body[data-theme=dark] .list-group-item:hover{background-color:#252836}body[data-theme=dark] .btn-outline-secondary{color:#9ca3af;border-color:#4b5563}body[data-theme=dark] .btn-outline-secondary:hover{background-color:#374151;border-color:#6b7280;color:#e2e8f0}body[data-theme=dark] .btn-light{background-color:#374151;border-color:#4b5563;color:#e2e8f0}body[data-theme=dark] .hero,body[data-theme=dark] .gradient-hero{background:linear-gradient(135deg,#1a3a6b,#0f2248)}body[data-theme=dark] .how-step{background:#1e2130;box-shadow:0 12px 30px #0000004d}body[data-theme=dark] .how-step:hover{box-shadow:0 20px 40px #0006;border:1px solid rgba(78,144,232,.15)}body[data-theme=dark] .team-badge{background:#252836!important;color:#e2e8f0!important;border-color:#3d4a5c!important}body[data-theme=dark] .table-responsive{background:transparent}.dark-mode-toggle{border:none;background:none;font-size:1.2rem;cursor:pointer;padding:.25rem .4rem;border-radius:.5rem;line-height:1;transition:background .2s}.dark-mode-toggle:hover{background:#80808026}.ranking-table{background:transparent;border-collapse:separate;border-spacing:0}.ranking-table thead th{background:transparent;border-top:none;border-bottom:2px solid rgba(27,91,180,.15);color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600;padding:.5rem .75rem}.ranking-table tbody tr{background:transparent}.ranking-table tbody td{border-color:#0000000d;padding:.55rem .75rem;vertical-align:middle}.ranking-table tbody tr:last-child td{border-bottom:none}.ranking-row-me td{background:#1b5bb412!important;color:var(--brand-1)}.ranking-row-me td.text-primary{color:var(--brand-1)!important}body[data-theme=dark] .ranking-table thead th{border-bottom-color:#4e90e833;color:#6b7280}body[data-theme=dark] .ranking-table{--bs-table-bg: transparent;--bs-table-color: #e2e8f0;--bs-table-striped-bg: rgba(255,255,255,.03);--bs-table-striped-color: #e2e8f0;--bs-table-border-color: rgba(255,255,255,.06);--bs-table-hover-bg: rgba(78,144,232,.08);--bs-table-hover-color: #e2e8f0}body[data-theme=dark] .ranking-table tbody td{background-color:transparent!important;border-color:#ffffff0a}body[data-theme=dark] .ranking-row-me td{background:#4e90e81a!important;color:var(--brand-2)}.help-contact{background:#1b5bb40f;border:1px solid rgba(27,91,180,.12)}body[data-theme=dark] .accordion-item{background-color:#1e2130;border-color:#2d3748}body[data-theme=dark] .accordion-button{background-color:#1e2130;color:#e2e8f0;box-shadow:none}body[data-theme=dark] .accordion-button:not(.collapsed){background-color:#252a3a;color:var(--brand-2)}body[data-theme=dark] .accordion-button:after{filter:invert(1) brightness(1.5)}body[data-theme=dark] .accordion-body{background-color:#252a3a;color:#cbd5e1}body[data-theme=dark] .accordion-button:focus{box-shadow:0 0 0 .2rem #4e90e833}body[data-theme=dark] .help-contact{background:#4e90e80f;border-color:#4e90e826}
