/* ===== NeuRon39 FOOTER (Компактный с нотами) ===== */
.site-footer {
position: relative;
margin-top: 40px;
padding: 40px 0 100px 0;
background: linear-gradient(180deg, #05050a 0%, #0a0515 100%);
overflow: hidden;
border-top: 1px solid rgba(255, 42, 109, 0.2);
z-index: 5;
}
/* --- ПЛАВАЮЩИЕ НОТЫ НА ФОНЕ --- */
.footer-notes {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
z-index: 1;
pointer-events: none;
overflow: hidden;
}
.note {
position: absolute;
color: rgba(255, 42, 109, 0.08);
font-size: 20px;
animation: float-note linear infinite;
text-shadow: 0 0 10px rgba(188, 19, 254, 0.3);
}
.note-1 { left: 5%; top: 20%; animation-duration: 15s; animation-delay: 0s; font-size: 24px; }
.note-2 { left: 15%; top: 60%; animation-duration: 18s; animation-delay: 2s; font-size: 18px; }
.note-3 { left: 30%; top: 10%; animation-duration: 20s; animation-delay: 4s; font-size: 28px; }
.note-4 { left: 45%; top: 70%; animation-duration: 16s; animation-delay: 1s; font-size: 22px; }
.note-5 { left: 60%; top: 30%; animation-duration: 19s; animation-delay: 3s; font-size: 20px; }
.note-6 { left: 75%; top: 80%; animation-duration: 17s; animation-delay: 5s; font-size: 26px; }
.note-7 { left: 85%; top: 40%; animation-duration: 21s; animation-delay: 0s; font-size: 18px; }
.note-8 { left: 92%; top: 15%; animation-duration: 14s; animation-delay: 2s; font-size: 24px; }
@keyframes float-note {
0% { transform: translateY(0) rotate(0deg); opacity: 0; }
10% { opacity: 0.6; }
90% { opacity: 0.6; }
100% { transform: translateY(-100vh) rotate(360deg); opacity: 0; }
}
/* --- КОНТЕЙНЕР --- */
.footer-container {
position: relative;
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
/* --- ЛОГОТИП (компактный) --- */
.footer-brand { margin-bottom: 15px; }
.footer-logo-text {
font-family: 'Arial', sans-serif;
font-size: 36px;
font-weight: 900;
line-height: 1;
margin: 0;
letter-spacing: -1px;
text-shadow: 0 0 15px rgba(255, 42, 109, 0.5);
}
.footer-logo-text .brand-name { color: #ffffff; }
.footer-logo-text .brand-dot {
color: #ff2a6d;
text-shadow: 0 0 10px #ff2a6d;
}
.footer-tagline {
color: #8888aa;
font-size: 13px;
margin-top: 8px;
line-height: 1.4;
}
/* --- СТАТИСТИКА (компактная) --- */
.stats-glass {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-radius: 16px;
padding: 20px;
margin: 20px 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 15px;
box-shadow: 0 8px 24px rgba(0,0,0,0.3), 0 0 20px rgba(188, 19, 254, 0.1);
}
.stat-item h3 {
font-size: 22px;
font-weight: 800;
margin: 0 0 4px 0;
text-shadow: 0 0 10px currentColor;
}
.stat-item p {
margin: 0;
color: #999;
font-size: 12px;
}
.stat-visitors h3 { color: #ff2a6d; }
.stat-plays h3 { color: #bc13fe; }
.stat-users h3 { color: #00d4ff; }
.stat-tracks h3 { color: #ff9f1c; }
/* --- ССЫЛКИ (компактные) --- */
.footer-links {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
margin: 15px 0;
}
.footer-links a {
color: #999;
text-decoration: none;
font-size: 13px;
transition: 0.3s;
padding: 4px 8px;
border-radius: 6px;
}
.footer-links a:hover {
color: #fff;
background: rgba(0, 212, 255, 0.15);
text-shadow: 0 0 8px rgba(0, 212, 255, 0.8);
box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);
}

/* ========================================
   ✅ НОВОЕ: СКАЧИВАНИЕ APK (Неоновый бейдж)
   ======================================== */
.footer-app-download {
    margin: 25px 0 10px 0;
    display: flex;
    justify-content: center;
}
.apk-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 32px;
    background: rgba(6, 182, 212, 0.08);
    border: 1.5px solid #06b6d4;
    border-radius: 16px;
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 12px rgba(6, 182, 212, 0.4), inset 0 0 8px rgba(6, 182, 212, 0.15);
    position: relative;
    overflow: hidden;
}
.apk-download-btn i {
    font-size: 22px;
    color: #06b6d4;
    text-shadow: 0 0 10px currentColor;
    transition: 0.3s;
}
.apk-download-btn span {
    position: relative;
    z-index: 2;
}
.apk-download-btn:hover {
    background: rgba(6, 182, 212, 0.15);
    border-color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 0 25px rgba(6, 182, 212, 0.7), 0 0 50px rgba(6, 182, 212, 0.3), inset 0 0 15px rgba(6, 182, 212, 0.25);
}
.apk-download-btn:hover i,
.apk-download-btn:hover span {
    color: #ffffff;
    text-shadow: 0 0 12px #ffffff;
}
/* Блик при наведении */
.apk-download-btn::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transition: 0.6s ease;
}
.apk-download-btn:hover::after {
    left: 100%;
}
/* Адаптив кнопки */
@media (max-width: 768px) {
    .apk-download-btn {
        width: 90%;
        justify-content: center;
        padding: 16px 20px;
        font-size: 16px;
    }
}

/* --- КОПИРАЙТ --- */
.footer-copy {
color: #666;
font-size: 12px;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(255,255,255,0.05);
}
/* --- Адаптив --- */
@media (max-width: 768px) {
.footer-logo-text { font-size: 28px; }
.stats-glass { padding: 15px; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.stat-item h3 { font-size: 18px; }
.site-footer { padding: 30px 0 90px 0; }
.note { font-size: 16px; }
}