:root {
    --primary: #627EEA;
    --glass-bg: rgba(20, 25, 46, 0.6);
    --glass-border: rgba(255, 255, 255, 0.1);
}

body, html { margin: 0; padding: 0; width: 100%; height: 100%; font-family: 'Inter', sans-serif; background-color: #0b0f19; color: #ffffff; overflow-x: hidden; }
.orbitron { font-family: 'Orbitron', sans-serif; }

#bg-canvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; }
.glass-panel { background: var(--glass-bg); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid var(--glass-border); border-radius: 24px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); position: relative; overflow: visible !important; }
.nav-glass { background: rgba(11, 15, 25, 0.8); backdrop-filter: blur(12px); border-bottom: 1px solid var(--glass-border); }
.glass-input { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); color: white; transition: all 0.3s ease; }

.balloon-wrapper { position: relative; height: 200px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; margin-bottom: -30px; z-index: 50; }
.balloon { width: 300px; height: 370px; animation: float 3s ease-in-out infinite; filter: drop-shadow(0 0 20px rgba(255, 85, 85, 0.5)); position: relative; }

.rocket-fire { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); width: 24px; height: 60px; background: linear-gradient(to bottom, #f59e0b, #ef4444, transparent); border-radius: 50%; filter: blur(6px); animation: flicker 0.1s infinite alternate; opacity: 0; transition: opacity 0.3s; }
@keyframes flicker { 0% { opacity: 0.8; transform: translateX(-50%) scale(1); } 100% { opacity: 1; transform: translateX(-50%) scale(1.1); } }
@keyframes float { 0%, 100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-15px) rotate(1deg); } }
@keyframes flyOut { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 100% { transform: translate(80vw, -120vh) rotate(35deg) scale(0.4); opacity: 0; } }
@keyframes flyIn { 0% { transform: translate(0, -100vh) rotate(0deg) scale(0.4); opacity: 0; } 100% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } }

/* ნელი და ეპიკური გაფრენა (6s) */
.fly-away { animation: flyOut 6s forwards cubic-bezier(0.4, 0, 0.2, 1) !important; }
.fly-away .rocket-fire { opacity: 1; }
.fly-in { animation: flyIn 2.5s forwards ease-out !important; }

.lang-btn.active { color: #fff; border-bottom: 2px solid var(--primary); }
#toast-notification.show { right: 0; }

/*market*/

.market-balloon-view {
    padding: 40px;
    background: radial-gradient(circle, rgba(98,126,234,0.1) 0%, transparent 70%);
}

.animate-float {
    animation: float 4s ease-in-out infinite;
}

.market-range-slider {
    -webkit-appearance: none;
    background: rgba(255, 255, 255, 0.1);
    height: 8px;
    border-radius: 5px;
}

.market-range-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    background: #627EEA;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(98,126,234,0.8);
    border: 3px solid #fff;
}

#market-qty-input::-webkit-inner-spin-button, 
#market-qty-input::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}