:root{color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle,#1e3a5f 0%,#0a1a2f 100%) 50%/cover fixed;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}@media (width>=2560px){:root{font-size:21.33px}}@media (width>=3840px){:root{font-size:32px}}body{-webkit-user-select:none;user-select:none;min-width:320px;min-height:100vh;margin:0;padding:0;display:flex;overflow:hidden}#root{width:100vw;height:100vh;position:relative}h1,h2,h3,p{margin:0}.video-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.video-modal-content{aspect-ratio:16/9;background:#0a1a2f;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:center;align-items:center;width:80%;max-width:62.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.close-video-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.2rem;display:flex;position:absolute;top:1rem;right:1rem}.close-video-btn:hover{background:#fff3}.stats-panel-container{color:#fff;z-index:10;flex-direction:column;gap:2rem;width:21.875rem;animation:.5s ease-out fadeIn;display:flex;position:absolute;top:50%;right:10%;transform:translateY(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-45%)}to{opacity:1;transform:translateY(-50%)}}.stats-header{margin-bottom:.5rem}.stats-title{letter-spacing:-.5px;font-size:3rem;font-weight:700;line-height:1.1}.stats-subtitle{color:#38bdf8;margin-top:.25rem;font-size:1.1rem;font-weight:500}.stats-section{flex-direction:column;gap:.5rem;display:flex}.stat-row{color:#ffffffe6;justify-content:space-between;align-items:center;font-size:1rem;font-weight:400;display:flex}.stat-value{font-weight:500}.gender-container{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}.gender-label{font-size:.9rem;font-weight:500}.gender-bar-wrapper{background-color:#ffffff1a;border-radius:.25rem;flex-grow:1;height:.5rem;display:flex;overflow:hidden}.gender-bar-male{background-color:#38bdf8;height:100%}.gender-bar-female{background-color:#e879f9;height:100%}.navigation-container{z-index:20;animation:.3s ease-out fadeIn;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.back-button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:1rem;transition:transform .2s,opacity .2s;display:flex}.back-button:hover{opacity:.8;transform:translate(-.3125rem)}.back-button:active{transform:translate(-.125rem)}.logo-container{z-index:30;justify-content:center;align-items:center;display:flex;position:absolute;top:5%;left:5%}.logo-svg{border-radius:.25rem;width:1.5rem;height:auto}.top-menu-container{z-index:30;gap:1rem;display:flex;position:absolute;top:5%;right:5%}.menu-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;justify-content:center;align-items:center;padding:.5rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:flex}.menu-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-.125rem)}.menu-button:active{transform:translateY(0)}.region-menu-container{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1a2f99;border:1px solid #ffffff1a;border-radius:3rem;gap:.5rem;padding:.75rem 1.5rem;display:flex;position:absolute;bottom:5%;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.region-menu-button{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:2rem;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.region-menu-button:hover{color:#fff;background:#ffffff1a}.region-menu-button.active{color:#38bdf8;background:#38bdf826}