/* Full Ribbon Styles - Sticky Gradient BTC Blue Header */\n.ribbon-menu {\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n    padding: 1rem 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: white;\n    box-shadow: 0 8px 32px rgba(30, 60, 114, 0.4);\n}\n\n.ribbon-menu .ribbon-logo {\n    font-size: 1.8rem;\n    font-weight: 700;\n    letter-spacing: -0.5px;\n    white-space: nowrap;\n}\n\n.ribbon-menu .ribbon-nav {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    gap: 2.5rem;\n}\n\n.ribbon-menu .ribbon-nav a,\n.ribbon-menu .ribbon-nav .nav-link {\n    color: rgba(255, 255, 255, 0.9);\n    text-decoration: none;\n    font-weight: 500;\n    padding: 0.75rem 1rem;\n    border-radius: 12px;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    position: relative;\n}\n\n.ribbon-menu .ribbon-nav a:hover,\n.ribbon-menu .ribbon-nav .nav-link:hover {\n    color: #fff;\n    background: rgba(255, 255, 255, 0.15);\n    transform: translateY(-1px);\n}\n\n.ribbon-menu .ribbon-content {\n    flex: 1;\n    max-width: 500px;\n    padding: 0 2rem;\n    /* For search or main content */\n}\n\n.ribbon-menu .ribbon-btn {\n    background: linear-gradient(135deg, #f7931a 0%, #f39c12 100%);\n    color: white;\n    border: none;\n    padding: 0.875rem 2rem;\n    border-radius: 12px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    cursor: pointer;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    box-shadow: 0 4px 15px rgba(247, 147, 26, 0.3);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 140px;\n}\n\n.ribbon-menu .ribbon-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px rgba(247, 147, 26, 0.4);\n    background: linear-gradient(135deg, #e68910 0%, #d68910 100%);\n}\n\n.ribbon-menu .ribbon-btn.primary {\n    background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);\n    box-shadow: 0 4px 15px rgba(30, 60, 114, 0.3);\n}\n\n.ribbon-menu .ribbon-btn.primary:hover {\n    box-shadow: 0 8px 25px rgba(30, 60, 114, 0.4);\n}\n\n.ribbon-menu .ribbon-user-area {\n    display: flex;\n    align-items: center;\n    gap: 1.5rem;\n    padding-left: 1rem;\n    border-left: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.ribbon-menu .ribbon-username {\n    font-weight: 600;\n    color: #fff;\n    font-size: 1rem;\n}\n\n.ribbon-menu .ribbon-balance {\n    background: rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(10px);\n    padding: 0.625rem 1.25rem;\n    border-radius: 25px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.ribbon-menu .ribbon-auth-buttons {\n    display: flex;\n    gap: 1rem;\n}\n\n.ribbon-menu .ribbon-auth-buttons a {\n    color: rgba(255, 255, 255, 0.9);\n    text-decoration: none;\n    padding: 0.75rem 1.5rem;\n    border-radius: 12px;\n    font-weight: 500;\n    transition: all 0.3s;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.ribbon-menu .ribbon-auth-buttons a:hover {\n    background: rgba(255, 255, 255, 0.15);\n    color: #fff;\n    border-color: rgba(255, 255, 255, 0.4);\n}\n\n/* Mobile Responsive */\n@media (max-width: 1024px) {\n    .ribbon-menu {\n        padding: 1rem;\n        gap: 1rem;\n    }\n    \n    .ribbon-menu .ribbon-nav {\n        display: none; /* Hamburger later */\n    }\n    \n    .ribbon-menu .ribbon-content {\n        padding: 0 1rem;\n        max-width: 300px;\n    }\n}\n\n@media (max-width: 768px) {\n    .ribbon-menu {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 1rem;\n    }\n    \n    .ribbon-menu .ribbon-user-area {\n        border-left: none;\n        padding-left: 0;\n        justify-content: center;\n    }\n}