:root{--color-primary-red: #dc2626;--color-primary-red-dark: #b91c1c;--color-primary-red-darker: #991b1b;--color-primary-blue: #0162e6;--color-primary-blue-dark: #0369a1;--color-primary-blue-darker: #0564a4;--color-text-main: #333333;--color-text-secondary: #666666;--color-text-dark: #000000;--color-text-white: #ffffff;--color-text-slate: #475569;--color-text-slate-dark: #334155;--color-text-gray-light: #94a3b8;--color-text-copyright: #e2e8f0;--color-bg-light: #010a40;--color-bg-sky: #e0f2fe;--color-bg-lighter: #fcfefe;--color-bg-gray: #f1f1f1;--color-bg-footer: #061065;--color-bg-copyright: #64748b;--color-header-bg-top: #0a1687;--color-accent-yellow: #facc15;--color-border-gray: #e5e7eb;font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--color-text-main);background-color:var(--color-text-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}ul{padding:0;margin:0;list-style:none}a{text-decoration:none;color:inherit}button{font-family:inherit}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}header{width:100%;font-family:Arial,sans-serif;background:var(--color-bg-lighter);box-shadow:0 2px 4px #0000001a}.main-header{position:relative;background-color:var(--color-header-bg-top)}.container{max-width:1080px;margin:0 auto;padding:0 15px}.header-controls{display:flex;justify-content:space-between;align-items:center;height:70px}.header-nav{display:flex;gap:30px}.header-nav .btn{position:relative;display:inline-block;height:45px;line-height:32px;text-align:center;font-weight:700;background-image:linear-gradient(145deg,#00264d,#004080,#1e90ff,#4dc3ff);border-radius:10px;text-decoration:none;overflow:hidden;transition:all .4s ease;box-shadow:0 0 10px #ff0,0 0 20px #c11a03}.header-nav .btn:hover{transform:scale(1.05);box-shadow:0 0 20px #ff0,0 0 40px #c11a03,0 0 60px #909}.header-nav .btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:rotate(25deg);animation:shineMove 3s infinite linear}@keyframes shineMove{0%{transform:translate(0) rotate(25deg)}to{transform:translate(500px) rotate(25deg)}}.logo-area{flex:0 0 auto;margin:0 20px;height:100%}.logo-area .logo-image{width:160px;height:auto}.header-bottom{padding:15px 0;background:linear-gradient(to right,#0a1687,#010a40 20% 80%,#0a1687);display:flex;justify-content:center;height:50px;box-sizing:border-box}.nav-list{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-link{text-decoration:none;color:var(--color-primary-blue);font-weight:700;font-size:14px;text-transform:uppercase;position:relative;transition:color .3s;display:flex;align-items:center;gap:5px}.nav-link:hover,.nav-link.is-active{color:var(--color-text-white)}.hot-badge{background-color:var(--color-accent-yellow);color:var(--color-primary-red-dark);font-size:9px;padding:2px 4px;border-radius:3px;font-weight:900;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.btn{border:none;padding:8px 20px;border-radius:20px;font-weight:700;font-size:12px;cursor:pointer;text-transform:uppercase;background-image:linear-gradient(to bottom,var(--color-primary-red),var(--color-primary-red-darker));box-shadow:0 2px 4px #0003;color:#fff;transition:transform .1s}.btn:active{transform:translateY(1px)}.icon{width:28px;height:28px;background-color:var(--color-text-main);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;transition:transform .2s}.icon:hover{transform:translateY(-2px)}.icon.x-icon{background-color:#000}.icon.pin-icon{background-color:#bd081c}.icon.yt-icon{background-color:#cd201f}.icon.twitch-icon{background-color:#6441a5}.mobile-toggle{display:none;background:none;border:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger{width:25px;height:3px;background-color:var(--color-primary-blue)}.mobile-menu-wrapper{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;flex-direction:column;padding:20px;box-shadow:0 10px 15px -3px #0000001a;z-index:50}.mobile-menu-wrapper.is-open{display:flex}.mobile-actions{display:none;justify-content:center;gap:10px;margin-bottom:10px;padding-top:10px}.mobile-socials{display:flex;justify-content:left;gap:10px;margin:20px 0 10px}.mobile-nav-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;text-align:center;gap:15px}@media (max-width: 992px){.desktop-only{display:none}.mobile-toggle,.mobile-actions{display:flex}.header-controls{justify-content:space-between}.logo-area{margin:0}}@media screen and (max-width: 768px){.header-controls{height:70px}}.sticky-header{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 4px 6px -1px #0000001a;animation:slideDown .3s ease-in-out;padding:5px 0 0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.app-footer{background-color:#0a1687;padding:50px 0;color:#e2e8f0;font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 15px}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:60px}.footer-col.about{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-logo{margin-bottom:20px}.logo-image{width:280px;height:auto;display:block}.footer-desc{font-size:14px;line-height:1.6;color:#e2e8f0;max-width:500px}.highlight{color:#38bdf8}.footer-col.links{flex:1;display:flex;justify-content:flex-start;padding-left:50px}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin-bottom:15px;display:flex;align-items:center;gap:10px}.check-icon{color:#fff;font-weight:700;font-size:14px}.footer-link{text-decoration:none;color:#fff;font-size:15px;transition:color .3s}.footer-link:hover{color:#38bdf8}@media (max-width: 768px){.footer-grid{flex-direction:column;text-align:center;gap:40px}.footer-col.links{padding-left:0;justify-content:center}.footer-list li{justify-content:center}}