:root{--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--secondary-hover: #5a6268;--background-color: #f4f7f6;--card-bg: #ffffff;--text-color: #333;--light-text: #666;--border-color: #ddd;--live-dot: #28a745;--up-change: #28a745;--down-change: #dc3545;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--header-bg: #fff;--header-shadow: rgba(0, 0, 0, .05)}.dark-mode{--primary-color: #55a0ff;--primary-hover: #8acaff;--secondary-color: #adb5bd;--secondary-hover: #88939b;--background-color: #121212;--card-bg: #1e1e1e;--text-color: #e0e0e0;--light-text: #a0a0a0;--border-color: #333;--live-dot: #48d169;--up-change: #48d169;--down-change: #ff6b6b;--shadow-light: rgba(255, 255, 255, .05);--shadow-medium: rgba(255, 255, 255, .1);--header-bg: #1c1c1c;--header-shadow: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial;background-image:linear-gradient(135deg,#4294ff,#fff);color:var(--text-color);line-height:1.6}a{text-decoration:none;color:var(--primary-color)}.btn{background-color:var(--primary-color);color:#fff;padding:8px 16px;border-radius:5px;text-decoration:none;transition:background-color .3s ease;border:none;cursor:pointer}.btn:hover{background-color:var(--primary-hover)}header{display:flex;justify-content:space-between;align-items:center;padding:10px 3%;background-color:var(--header-bg);opacity:.9;box-shadow:0 2px 5px var(--header-shadow);position:static;top:0;z-index:100}.logo-container{display:flex;flex-direction:row;align-items:center;gap:10px;margin:0}.logo{border-radius:0%}.logo img{width:25px;height:25px}.site-title{margin-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.site-title h1{font-size:22px}.site-title h2{font-size:10px}.main-nav{display:flex;align-items:center;gap:15px}.notification-container{position:relative}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:var(--down-change);color:#fff;border-radius:50%;padding:3px 6px;font-size:.7em;font-weight:700;display:flex;justify-content:center;align-items:center}.hidden{display:none}.main-nav a{padding:3px 12px;font-size:16px;font-weight:700}.search-container{display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;padding:5px 10px;margin-right:15px;background-color:#f5f5f5}.search-container input{border:none;outline:none;background-color:transparent;font-size:14px;padding:0;width:150px}.search-container button{border:none;background-color:transparent;color:#555;cursor:pointer;margin-left:5px;font-size:14px}.search-container button:hover{color:#333}.buttonone{display:flex;flex-direction:row;align-items:center;gap:15px;padding:10px 5%;background-color:transparent;width:100%;justify-content:center}.buttonone a{display:flex;align-items:center;gap:8px;border:none;border-radius:12px;padding:10px 18px;text-decoration:none;color:#fff;font-weight:500;background:linear-gradient(135deg,#0869d0,#0a84ff);box-shadow:0 4px 8px #0003;transition:all .3s ease-in-out}.buttonone a:hover{background:linear-gradient(135deg,#0a84ff,#33a1fd);transform:translateY(-3px);box-shadow:0 6px 14px #00000040}.buttonone a:active{transform:scale(.97);box-shadow:0 2px 6px #0003}.buttonone a span{display:inline}footer{background-color:#fff;color:#333;padding:10px 5%;text-align:center;font-size:.8em;opacity:.8}.footer-container{display:flex;justify-content:space-between;align-items:center;gap:10px}.footer-container p{margin:0}@media (max-width: 900px){.logo-container h1{font-size:16px;color:var(--text-color)}.logo img{width:20px;height:20px}.site-title h1{font-size:14px}.site-title h2{font-size:8px}.notification-container button{font-size:18px;padding:10px;background:transparent;color:#0056b3}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:var(--down-change);color:#fff;border-radius:50%;padding:3px 6px;font-size:.5em;font-weight:700;display:flex;justify-content:center;align-items:center}.search-container{display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;padding:5px 10px;margin-right:15px;background-color:#f5f5f5}.search-container input{border:none;outline:none;background-color:transparent;font-size:14px;padding:0;width:65px}.search-container button{border:none;background-color:transparent;color:#555;cursor:pointer;margin-left:5px;font-size:14px}.search-container button:hover{color:#333}.buttonone{flex-direction:row;justify-content:center;align-items:center;width:100%;gap:10px}.buttonone a{background:transparent;box-shadow:none;gap:3px;padding:1%;display:flex;flex-direction:column;justify-content:center}.buttonone a:hover{background:transparent;box-shadow:none}.nav-link i{background:transparent;box-shadow:3px 4px 6px #00000043;padding:10px 20px;border-radius:10px}.nav-button i{background:#0056b3;padding:10px 20px;border-radius:10px}.buttonone a span{display:inline;font-size:.8em;background:transparent}}.hamburger{font-size:24px;cursor:pointer;display:inline}.menu-links{width:400px;display:none;flex-direction:column;gap:10px;background-color:#fff;position:absolute;top:60px;right:10px;padding:10px}.menu-links a{text-decoration:none;padding:10px;color:#194efa;background:transparent}.menu-links a :hover{color:#fff}.menu-links .btn i{font-size:10px;margin-bottom:4px;display:flex;flex-direction:row;gap:10px}.menu-links.active{display:flex}@media (max-width: 768px){.logo img{width:18px;height:18px}.site-title .hamburger{display:block}.menu-links{width:100%;right:0}}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"🌙";height:24px;width:24px;left:3px;bottom:3px;background-color:#fff;text-align:center;line-height:24px;font-size:14px;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translate(30px);content:"☀️"}