*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;color:#fff}#root{width:100%;min-height:100vh}.news-marquee{position:fixed;top:10px;left:5%;background-color:#4273fa;color:#fff;padding:12px 20px;cursor:move;user-select:none;border-radius:8px;box-shadow:0 4px 12px #00000080;overflow:hidden;width:90vw;z-index:1000;touch-action:none;opacity:.9}.news-marquee.dragging{cursor:grabbing;opacity:.5}.news-marquee.dragging .marquee-content{animation-play-state:paused}.marquee-content{display:inline-flex;white-space:nowrap;animation:scroll 900s linear infinite;min-width:100%}.news-item{display:inline-block;padding:0 40px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:color .2s ease;position:relative}.news-item:hover{color:#ccc;text-decoration:underline}.news-item:after{content:"•";position:absolute;right:15px;color:#666}.news-item:last-child:after{content:""}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.news-marquee{top:90%;left:5%;padding:10px 15px;max-width:95vw}.news-item{font-size:14px;padding:0 30px}.marquee-content{animation:scroll 900s linear infinite}}@media(max-width:480px){.news-marquee{top:90%;left:5%;padding:8px 12px;max-width:95vw}.news-item{font-size:13px;padding:0 25px}.marquee-content{animation:scroll 900s linear infinite}}.video-player-wrapper{position:absolute;width:100%;height:100%}.video-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:1;background-size:cover;background-position:center;transition:opacity ease 5s,visibility ease 5s}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;z-index:20;opacity:.05;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.nav-arrow:hover{opacity:.9}.nav-arrow-left{left:10px}.nav-arrow-right{right:10px}.nav-arrow svg{filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}@media(max-width:768px){.nav-arrow{padding:6px}.nav-arrow svg{width:20px;height:20px}.nav-arrow-left{left:5px;opacity:.3}.nav-arrow-right{right:5px;opacity:.3}}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;width:100%;background-color:#000}.video-container{position:relative;width:100%;padding-bottom:56.25%;background-color:#1a1a1a;overflow:hidden;border-radius:5px}.video-container iframe,.video-container .video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-player{background-color:#000}.video-player::-webkit-media-controls{display:flex!important}@media(max-width:768px){.video-grid{grid-template-columns:1fr;gap:8px;padding:8px}.video-container{padding-bottom:56.25%}}@media(min-width:769px)and (max-width:1280px){.video-grid{grid-template-columns:repeat(2,1fr)}}.modal-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"modal1 modal1 modal3" "modal1 modal1 modal5" "modal7 modal8 modal9";gap:10px;padding:10px;z-index:999;scroll-behavior:smooth;visibility:hidden}.modal-container{position:relative;border-radius:8px;box-shadow:0 10px 12px #00000080;overflow-y:auto;overflow-x:hidden;opacity:0;background-color:#fff;transition:opacity 5s ease-in-out,visibility 5s ease-in-out;visibility:hidden}.modal-container-visible{opacity:1;visibility:visible}.modal-container-hidden{opacity:0;padding-bottom:56.25%;visibility:hidden}.modal1{padding-top:55px}@media(max-width:768px){.modal-grid{position:fixed;top:10px;left:10px;padding:10px;display:block;background-color:#fff;border-radius:8px;box-shadow:0 10px 12px #00000080;overflow-y:auto;overflow-x:hidden;width:97%;height:50%;z-index:999;scroll-behavior:smooth;transition:opacity 5s ease-in-out,visibility 5s ease-in-out;opacity:0;visibility:hidden}.modal-grid-visible{opacity:1;visibility:visible}.modal-container{transition:opacity 5s ease-in-out,visibility 5s ease-in-out;opacity:0;visibility:hidden}.modal-container-visible{opacity:1;visibility:visible}.modal-container-hidden{position:absolute;z-index:-1;top:0;bottom:0;width:1px;height:1px;visibility:hidden}.modal1{padding-top:0}}.app{width:100%;min-height:100vh;position:relative}