: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;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;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}}:root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}#map{width:100%;height:100%;z-index:0}.ol-zoom{top:20px!important;right:10px!important;left:auto!important}.ol-zoom button{width:30px;height:30px;font-size:18px;line-height:30px;padding:0;margin:0}.ol-fit-to-route-button{position:absolute;top:90px;right:10px;background-color:#fff;border:none;font-size:18px;line-height:30px;text-align:center;color:#000;cursor:pointer;padding:0;width:30px;height:30px;box-shadow:0 1px 4px #0000004d;z-index:1000;border-radius:4px;-webkit-user-select:none;user-select:none}.ol-fit-to-route-button:hover{background-color:#f0f0f0}.ol-my-location-button{position:absolute;top:130px;right:10px;background-color:#fff;border:none;font-size:18px;line-height:30px;text-align:center;color:#666;cursor:pointer;padding:0;width:30px;height:30px;box-shadow:0 1px 4px #0000004d;z-index:1000;border-radius:4px;-webkit-user-select:none;user-select:none;transition:color .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.ol-my-location-button:hover{background-color:#f0f0f0}.ol-my-location-button.ol-my-location-active{color:#4285f4}.ol-my-location-button.ol-my-location-disabled{color:#ccc;cursor:default;pointer-events:none}.ol-popup{background:#fff;border-radius:4px;padding:5px 10px;border:1px solid #ccc;position:absolute;bottom:12px;left:-50%;min-width:max-content;pointer-events:auto;z-index:1000;white-space:nowrap;color:#000}.popup-with-pick{display:flex;flex-direction:column}.popup-pick-divider{height:1px;background-color:#e0e0e0;margin:0}.popup-pick-link{background:none;border:none;padding:4px 0;font-size:12px;color:#06c;cursor:pointer;text-decoration:underline;text-decoration-color:#0066cc4d;text-underline-offset:2px;transition:color .2s,text-decoration-color .2s;font-weight:400;width:auto;display:inline-block}.popup-pick-link:hover{color:#004999;text-decoration-color:#004999;background:none}.popup-pick-link:active{color:#036}.popup-pick-link:focus{outline:none}.popup-pick-link:before{display:inline-block;margin-right:6px;text-decoration:none;font-size:14px;opacity:.6}.popup-pick-link:hover:before{opacity:1}@media(max-width:768px){.ol-zoom{top:30px!important}.ol-fit-to-route-button{top:100px}.ol-my-location-button{top:140px}}body,html{margin:0;padding:0;height:100%}.map-page{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.main-content{display:flex;height:calc(100vh - 60px);margin-top:60px;position:relative}.Sidebar{width:300px;flex-shrink:0;z-index:10;background-color:#fff;box-shadow:2px 0 5px #0000001a}.map-container{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.map-visual{flex:1;position:relative}.sidebar{position:fixed;top:65px;left:-350px;width:350px;height:calc(100vh - 65px);background:#fff;box-shadow:2px 0 5px #0000001a;transition:left .3s ease;z-index:100;overflow-y:auto}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fad1;position:sticky;top:0;z-index:10}.sidebar-title{margin:0;font-weight:600;color:#333;font-size:1.5rem}.sidebar-content{padding:16px;color:#333!important}.sidebar-section{margin-bottom:24px}.sidebar-divider{margin:24px 0!important}.submit-button{margin-top:16px}.sidebar-toggle{background:#f8f9fad1!important;border:none;font-size:28px;font-weight:400;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:opacity .2s ease;color:#333!important;border-radius:4px}.sidebar-toggle:hover{opacity:.8}.sidebar-toggle:active{opacity:.6}@media(max-width:768px){.sidebar-toggle{font-size:32px;width:40px;height:40px}}@media(max-width:768px){.sidebar{top:65px;left:0;width:100%;height:calc(100vh - 65px);transition:top .3s ease;border-top-left-radius:12px;border-top-right-radius:12px;position:fixed}.sidebar.closed{transform:translateY(100%);pointer-events:none}.sidebar.open{transform:translateY(0);pointer-events:auto}.sidebar-handle{width:40px;height:4px;background-color:#ccc;border-radius:2px;margin:8px auto;cursor:grab;touch-action:none}.sidebar-content{padding:16px 16px 130px;overflow-y:auto;height:calc(100% - 20px)}}.map-display-container{padding:8px 0}.map-display-title{font-size:1rem;font-weight:500;margin-bottom:12px;color:#000000de}.map-display-subtitle{font-size:.75rem;margin-bottom:8px;color:#0009}.map-style-option{display:flex;flex-direction:column;margin-bottom:12px;padding:8px;border-radius:4px;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.map-style-option:hover{background-color:#0000000a}.map-style-option.selected{background-color:#1976d214;border:1px solid #1976d2}.map-thumbnail{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:8px;border:1px solid #ddd}.map-style-label{display:flex;align-items:center;width:100%}.map-style-name{margin-left:8px;text-transform:capitalize;font-size:.875rem}.map-style-description{margin-left:8px;font-size:.75rem;color:#0009}.map-style-radio{padding:6px!important}.toggle-buttons-container{display:flex;gap:5px;z-index:1001;transition:transform .3s ease-out}.toggle-buttons-container.desktop{position:fixed;top:80px;left:10px;z-index:1001;display:flex;flex-direction:column;gap:5px;will-change:transform}.toggle-buttons-container.mobile{position:fixed;bottom:0;left:0;width:100%;z-index:200;flex-direction:row;justify-content:flex-start;height:60px;background:#fff;box-shadow:0 -2px 5px #0000001a}.sidebar-toggle-button,.route-toggle-button{color:#000;background-color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;font-size:20px;line-height:1;transition:background-color .2s ease}.sidebar-toggle-button.desktop,.route-toggle-button.desktop{border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 5px #0003}.sidebar-toggle-button.mobile,.route-toggle-button.mobile{border:none;border-radius:0;box-shadow:none;background:transparent;flex:1;min-width:0}.sidebar-toggle-button.desktop:hover,.route-toggle-button.desktop:hover{background-color:#f5f5f5}.sidebar-toggle-button.active,.route-toggle-button.active{background-color:#e0e0e0;box-shadow:inset 0 2px 3px #0000001a}.sidebar-toggle-button.mobile.active,.route-toggle-button.mobile.active{background-color:#f0f0f0;border-top:2px solid #007bff;box-shadow:none}.sidebar-toggle-button svg,.route-toggle-button svg{font-size:20px;width:20px;height:20px;color:#000!important}.sidebar-toggle-button.mobile svg,.route-toggle-button.mobile svg{font-size:24px;width:24px;height:24px}.route-toggle-button.mobile{position:relative}.route-toggle-button.mobile .route-count-badge{position:absolute;top:-5px;right:-5px;background-color:#f44;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center}.navbar-container{padding-top:5px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:min(90%,1200px);box-sizing:border-box}.navbar-logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:#333;padding:0}.logo-image{height:60px;width:auto}.nav-menu{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}.nav-item{margin:0;padding:0}.nav-links{text-decoration:none;color:#333;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;display:inline-block}.nav-links:hover{background-color:#e9ecef;color:#003057}.nav-links.active{background-color:#003057;color:#fff}@media(max-width:768px){.navbar{padding-top:15px}.navbar-container{padding:.5rem}.logo-image{height:40px}.nav-menu{gap:.5rem}.nav-links{padding:.4rem .8rem;font-size:.9rem}}@media(max-width:480px){.nav-links{padding:.3rem .6rem;font-size:.85rem}.nav-menu{gap:.3rem}}.copyright-watermark{position:fixed;bottom:0;left:50%;transform:translate(-50%);color:#5a5959;font-size:12px;background:#ffffffbf;padding:4px 10px;border-radius:8px 8px 0 0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:9999}.about-page{min-height:100vh;margin-top:60px;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.about-hero{background:#003057;padding:4rem 2rem;text-align:center;color:#fff}.about-hero-content{max-width:800px;margin:0 auto}.about-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:800}.about-hero p{font-size:1.2rem;line-height:1.6;opacity:.95}.project-description{margin-bottom:3rem}.project-description h2{font-size:2rem;color:#1a202c;margin-bottom:1rem}.project-description h3{color:#1f245a}.project-description p{font-size:1.1rem;color:#4a5568;line-height:1.7;margin-bottom:1rem}.text-image{display:flex;align-items:flex-start;gap:2rem}.text-content{flex:1}.text-content p{margin-top:0;margin-bottom:1rem}.text-image-img{width:400px;border-radius:8px;object-fit:cover}.image-with-caption{width:400px;max-width:40%;margin:0;display:flex;flex-direction:column}.image-with-caption figcaption{margin-top:.5rem;font-size:.9rem;color:#666;text-align:center}.activity{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.activity-logo{width:200px;height:200px;object-fit:contain;flex-shrink:0}.activity h3{margin-top:0;margin-bottom:.5rem}.activity p{margin:0}.team-section{padding:4rem 0;background:#fff}.team-section h2{text-align:center;font-size:2.5rem;color:#1a202c;margin-bottom:1rem}.team-subtitle{text-align:center;font-size:1.1rem;color:#718096;margin-bottom:3rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.team-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;cursor:pointer;text-align:center;padding:2rem;border:1px solid #e2e8f0}.team-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026}.team-card-avatar{width:120px;height:120px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:#e2e8f0}.team-card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#003057;color:#fff;font-size:2rem;font-weight:600}.avatar-placeholder.large{font-size:3rem}.team-card-name{font-size:1.25rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.team-card-role{font-size:.9rem;color:#003057;font-weight:600;margin-bottom:1rem}.team-card-bio{font-size:.9rem;color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.team-card-button{background:none;border:1px solid #003057;color:#003057;padding:.5rem 1.5rem;border-radius:.5rem;cursor:pointer;font-size:.9rem;transition:all .3s ease}.team-card-button:hover{background:#003057;color:#fff;border-color:#003057}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:1rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#718096;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:1}.modal-close:hover{background:#e2e8f0;color:#1a202c}.modal-header{padding:2rem;text-align:center;border-bottom:1px solid #e2e8f0}.modal-avatar{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:#e2e8f0}.modal-avatar img{width:100%;height:100%;object-fit:cover}.modal-info h2{font-size:1.5rem;color:#1a202c;margin-bottom:.25rem}.modal-role{color:#003057;font-weight:600}.modal-body{padding:2rem}.modal-bio{color:#4a5568;line-height:1.7;margin-bottom:1.5rem}.modal-links h3{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.social-links{display:flex;gap:1rem;flex-wrap:wrap}.social-links a{color:#003057;text-decoration:none;font-size:.9rem;transition:color .2s ease}.social-links a:hover{color:#1f245a;text-decoration:underline}.empty-state{text-align:center;padding:4rem;background:#fff;border-radius:1rem;margin:4rem auto;max-width:500px}.empty-state h3{font-size:1.5rem;color:#1a202c;margin-bottom:.5rem}.empty-state p{color:#718096}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.about-hero h1{font-size:2rem}.about-hero p{font-size:1rem}.project-description h2,.tech-stack h2,.team-section h2{font-size:1.75rem}.container{padding:0 1rem}.team-grid{grid-template-columns:1fr;gap:1.5rem}.modal-content{width:95%;margin:1rem}.modal-header,.modal-body{padding:1.5rem}}@media(max-width:480px){.team-card{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.stat-card,.team-card,.tech-item,.contact-button,.modal-content{transition:none;animation:none}.modal-overlay{animation:none}}@media(prefers-contrast:high){.team-card{border:2px solid black}.contact-button{border:2px solid white}}.acknowledgements-section{padding:3rem 0;background:#fff;text-align:center;position:relative}.acknowledgements-section:before{content:"";position:absolute;top:15px;left:50%;transform:translate(-50%);width:60px;height:3px;background:#b3a369;border-radius:3px}.acknowledgements-section h2{font-size:1.5rem;color:#1a202c;margin-bottom:1rem;font-weight:600}.acknowledgements-text{max-width:700px;margin:0 auto;font-size:.95rem;line-height:1.6;color:#4a5568}.acknowledgements-text strong{color:#b3a369;font-weight:600}.gray-background{padding:3rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.mobile-app-content h2{font-size:2rem;color:#1a202c;margin-bottom:1rem}.mobile-app-content{display:flex;align-items:center;gap:3rem}.mobile-app-text{flex:1}.mobile-app-text p{font-size:1.1rem;color:#4a5568;line-height:1.7;margin-bottom:1.5rem}.mobile-app-download{margin-top:2rem}.mobile-app-download p{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:1rem}.download-buttons{display:flex;gap:1rem;flex-wrap:wrap}.download-button{padding:.75rem 1.5rem;background:#003057;color:#fff;border-radius:.5rem;font-weight:600;font-size:.95rem;transition:all .3s ease;cursor:pointer;text-decoration:underline}.download-button:hover{background:#024;transform:translateY(-2px);box-shadow:0 4px 12px #0003;text-decoration:underline}a{text-decoration:underline}a:hover{text-decoration:underline;opacity:.9}.social-links a{text-decoration:underline}.info-section{background:#003057;padding:4rem 0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.info-card{background:#ffffff14;border-radius:1rem;padding:2rem;text-align:center;color:#fff}.info-card h2{margin-bottom:1rem;font-size:1.75rem}.info-card p{margin-bottom:1.5rem;line-height:1.6;opacity:.95}.contact-button{display:inline-block;text-decoration:none;background-color:#fff;color:#003057}@media(max-width:768px){.mobile-app-section h2{font-size:2rem}.mobile-app-text p{font-size:1rem}.download-buttons{flex-direction:column}.download-button{text-align:center}}@media(max-width:768px){.stadiums-table,.stadiums-table tbody,.stadiums-table tr,.stadiums-table td{display:block;width:100%}.stadiums-table tr{margin-bottom:.5rem}.stadiums-table td{padding:8px 16px;border-bottom:none}.stadiums-table td:first-child{border-right:none;border-bottom:1px solid #e0e0e0}}@media(max-width:768px){.info-grid{grid-template-columns:1fr}}@media(max-width:768px){.text-image{flex-direction:column;gap:1rem}.text-content{width:100%}.image-with-caption{width:100%;max-width:100%;align-self:center}.text-image-img{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}}.volunteers-page{min-height:100vh;margin-top:60px;width:100%}.volunteers-hero{background:#003057;padding:4rem 2rem;text-align:center;color:#fff}.white-background{padding:3rem 0;background:#f7fafc}.volunteers-paragraph{max-width:1200px;margin:0 auto;font-size:1.2rem;line-height:1.6;color:#4a5568}.leaderboard-section{padding:2rem 0;background:#f7fafc}.leaderboard-block{margin-bottom:3rem}.leaderboard-block:last-child{margin-bottom:0}.leaderboard-title{font-size:2rem;color:#1a202c;margin-bottom:.25rem;font-weight:700}.leaderboard-updated{font-size:.9rem;color:#718096;margin-bottom:1rem;font-style:italic}.leaderboard-table{width:100%;border-collapse:collapse;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0}.leaderboard-row{transition:background .2s ease}.leaderboard-row:hover{background:#f0f4f8}.leaderboard-row:not(:last-child) td{border-bottom:1px solid #e2e8f0}.leaderboard-name,.leaderboard-miles,.leaderboard-hours{padding:1rem 1.5rem;font-size:1.05rem;color:#4a5568}.leaderboard-name{font-weight:600;color:#1a202c}.leaderboard-miles,.leaderboard-hours{text-align:right;white-space:nowrap}@media(max-width:768px){.volunteers-hero{padding:3rem 1rem}.volunteers-paragraph{font-size:1rem}.leaderboard-title{font-size:1.75rem}.leaderboard-table,.leaderboard-table tbody,.leaderboard-table tr,.leaderboard-table td{display:block;width:100%}.leaderboard-row{padding:.75rem 0}.leaderboard-row:not(:last-child){border-bottom:1px solid #e2e8f0}.leaderboard-row:not(:last-child) td{border-bottom:none}.leaderboard-name,.leaderboard-miles,.leaderboard-hours{padding:.25rem 1rem;text-align:left}.leaderboard-name{padding-top:.75rem;font-size:1.1rem}.leaderboard-miles,.leaderboard-hours{font-size:.9rem;color:#718096}.volunteers-names-title{font-size:1.75rem}.volunteers-names-table,.volunteers-names-table tbody,.volunteers-names-table tr,.volunteers-names-table td{display:block;width:100%}.volunteer-name-cell{padding:.5rem 1rem;border-bottom:none}.volunteers-names-table tr{border-bottom:1px solid #e2e8f0}.volunteers-names-table tr:last-child{border-bottom:none}}.volunteers-names-section{padding:3rem 0;background:#fff}.volunteers-names-title{font-size:2rem;color:#1a202c;margin-bottom:1rem;font-weight:700}.volunteers-names-table{width:100%;border-collapse:collapse;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;border:1px solid #e2e8f0}.volunteer-name-cell{padding:1rem 1.5rem;font-size:1.05rem;color:#1a202c;font-weight:500;border-bottom:1px solid #e2e8f0;width:33.33%}.volunteers-names-table tr:last-child .volunteer-name-cell{border-bottom:none}@media(prefers-reduced-motion:reduce){.leaderboard-row{transition:none}}@media(prefers-contrast:high){.leaderboard-table{border:2px solid black}.leaderboard-row:not(:last-child) td{border-bottom:2px solid black}.volunteers-names-table{border:2px solid black}.volunteer-name-cell{border-bottom:2px solid black}}