body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.promo-banner-top{align-items:center;background:linear-gradient(90deg,#6a5acd,#ff69b4);box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;padding:8px 16px;position:relative;text-align:center}.promo-text{animation:flash 1.5s infinite;color:#fff;flex:1 1;font-size:1rem;font-weight:700}.promo-text strong{background:#fff3;border-radius:4px;font-weight:700;padding:2px 6px}.promo-close-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;font-weight:700;line-height:1;opacity:.8;padding:4px 8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.promo-close-btn:hover{background:#fff3;opacity:1;transform:translateY(-50%) scale(1.1)}.promo-close-btn:active{background:#ffffff4d;transform:translateY(-50%) scale(.95)}@keyframes flash{0%,to{opacity:1}50%{opacity:.7}}.header-improved{background-color:#f8f9fa;border-bottom:1px solid #ddd;padding:10px 20px;position:relative;z-index:10}.header-container,.header-improved{align-items:center;display:flex;justify-content:space-between}.header-container{margin:0 auto;max-width:1200px;min-height:60px;width:100%}.logo-section{flex-shrink:0}.left-section,.logo-section{align-items:center;display:flex}.left-section{gap:20px}.logo,.logo-link{align-items:center;display:flex}.logo-link{gap:10px}.logo a,.logo-link{color:#333;text-decoration:none}.logo a{font-size:1.5rem;font-weight:700}.logo-image{height:40px;width:auto}.logo-text{color:#222;font-size:1.2rem;font-weight:700;margin-left:10px}.nav-desktop{display:flex;gap:8px}.nav-links{display:flex;gap:15px}.nav-links a{border-radius:6px;color:#222;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-links a:hover{background:#e9ecef;color:#1976d2}.nav-button{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#555;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;min-width:100px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.nav-button:hover{background:#1976d2;border-color:#1976d2;box-shadow:0 4px 12px #1976d24d;color:#fff;transform:translateY(-1px)}.nav-button:active{transform:translateY(0)}.coin-info{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:20px;display:flex;gap:10px;padding:6px 12px}.coin-icon{height:20px;width:20px}.coin-number{color:#856404;font-size:1rem;font-weight:700}.top-up-button{background-color:#ffc107;border:none;border-radius:4px;box-shadow:0 3px 5px #0003;color:#000;cursor:pointer;font-size:.9rem;font-weight:700;padding:5px 10px;transition:all .2s ease}.top-up-button:hover{background-color:#e0a800;box-shadow:0 4px 6px #0000004d;transform:translateY(-2px)}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:12}.hamburger{display:flex;flex-direction:column;gap:4px;height:18px;width:24px}.hamburger span{background:#333;border-radius:1px;height:2px;transition:all .3s ease}.hamburger.active span:first-child{transform:translateY(6px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-mobile{background:#f8f9fa;border-top:1px solid #ddd;box-shadow:0 4px 8px #0000001a;display:none;flex-direction:column;gap:12px;left:0;padding:16px 20px;position:absolute;right:0;top:100%;z-index:11}.nav-mobile.active{display:flex}.nav-button-mobile{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#222;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:14px 20px;text-decoration:none;transition:all .2s ease}.nav-button-mobile:active,.nav-button-mobile:hover{background:#1976d2;border-color:#1976d2;box-shadow:0 4px 12px #1976d24d;color:#fff;transform:translateY(-1px)}.user-section{flex-shrink:0;gap:16px}.right-section,.user-section{align-items:center;display:flex}.right-section{gap:20px}.user-icon a{color:#333;text-decoration:none}.user-dropdown-container{align-items:center;display:flex;position:relative}.user-dropdown-trigger{background:none!important;border:none!important;cursor:pointer}.user-info{align-items:center;border-radius:8px;display:flex;gap:10px;padding:8px 12px;text-decoration:none;transition:background .2s ease}.user-info:hover{background:#f0f0f0;cursor:pointer}.user-icon-circle{align-items:center;background-color:#a89c94;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar{height:100%;object-fit:cover;width:100%}.user-name{font-weight:700}.user-arrow,.user-name{color:#222;font-size:1rem}.user-arrow{transform:rotate(0deg);transition:transform .2s ease}.user-arrow.rotated,.user-info:hover .user-arrow{transform:rotate(90deg)}.user-dropdown-menu{animation:slideDown .3s ease;background:#f8f9fa;border-radius:8px;border-top:1px solid #ddd;box-shadow:0 4px 8px #0000001a;min-width:120px;padding:8px;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.user-dropdown-item{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#222;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s ease;width:100%}.user-dropdown-item:hover{background:#dc3545;border-color:#dc3545;box-shadow:0 4px 12px #dc35454d;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.promo-banner-top{font-size:.85rem;padding:6px 40px 6px 12px}.promo-close-btn{font-size:18px;padding:2px 6px;right:8px}.header-improved{padding:8px 16px;position:relative}.header-container{min-height:50px}.logo-text{font-size:1.1rem}.logo-image{height:35px}.nav-desktop,.nav-links{display:none}.mobile-menu-button{display:block;order:1}.right-section,.user-section{gap:12px;order:2}.coin-info{gap:6px;padding:4px 8px}.coin-number{font-size:.9rem}.top-up-button{font-size:.8rem;padding:4px 8px}.user-name{font-size:.9rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-menu{min-width:100px;padding:6px;right:-8px}.user-dropdown-item{font-size:.9rem;padding:8px 12px}}@media (max-width:480px){.promo-banner-top{font-size:.75rem;padding:4px 35px 4px 8px}.promo-close-btn{font-size:16px;padding:2px 4px;right:6px}.header-improved{padding:6px 12px}.logo-text{font-size:1rem}.logo-image{height:32px}.coin-info{padding:3px 6px}.coin-number{font-size:.8rem}.top-up-button{font-size:.75rem;padding:3px 6px}.user-name{display:none}.right-section,.user-section{gap:8px}.user-dropdown-menu{min-width:80px;right:-5px}.user-dropdown-item{font-size:.8rem;padding:8px 10px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-mobile.active{animation:slideDown .3s ease}.promo-banner{display:none}