/* static/css/style.css — What Did The Musk Say? */

body {
    background: linear-gradient(135deg, #000 0%, #0a0e14 100%);
    color: #e0e0e0;
    font-family: 'Segoe UI', system-ui, sans-serif;
    min-height: 100vh;
}

.header {
    background: linear-gradient(135deg, #0a001f 0%, #000814 50%, #0f001a 100%);
    border-bottom: 2px solid #00f0ff33;
    box-shadow: 0 4px 20px rgba(0, 240, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.header::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 30% 70%, rgba(0,240,255,0.08) 0%, transparent 50%);
    pointer-events: none;
}

.neon-text {
    color: #00f0ff;
    text-shadow: 0 0 10px #00f0ffaa, 0 0 20px #00f0ff66, 0 0 40px #00f0ff33;
    font-weight: 800;
    letter-spacing: 1.5px;
    animation: neon-glow 3s infinite alternate;
}

@keyframes neon-glow {
    from { text-shadow: 0 0 10px #00f0ffaa, 0 0 20px #00f0ff66; }
    to   { text-shadow: 0 0 20px #00f0ffcc, 0 0 40px #00f0ff88; }
}

.lupa {
    width: 60px;
    height: 60px;
    filter: drop-shadow(0 0 12px #00f0ff88);
    transition: transform 0.4s ease;
}
.lupa:hover { transform: scale(1.2) rotate(10deg); }

.case-card {
    background: linear-gradient(135deg, #0d1117 0%, #0a0e1a 50%, #0f001a 100%);
    border: 1px solid #30363d;
    transition: all 0.4s ease;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

.case-card:hover {
    transform: translateY(-10px) scale(1.03);
    border: 2px solid #00f0ff;
    box-shadow: 0 20px 40px rgba(0,240,255,0.25), 0 0 30px rgba(0,240,255,0.15);
    background: linear-gradient(135deg, #0d1117 0%, #0a0e1a 50%, #1a0033 100%);
}

.card-img-top {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 8px 8px 0 0;
    transition: transform 0.4s ease;
}
.case-card:hover .card-img-top { transform: scale(1.08); }

.no-image {
    height: 220px;
    background: linear-gradient(135deg, #161b22, #0f001a);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 1.1rem;
    border-radius: 8px 8px 0 0;
}

.symbol { color: #ff00aa; font-weight: bold; }
.neon-hr { border-top: 1px solid #00f0ff44; margin: 1rem 0; }
.meme-reason { font-style: italic; color: #ffcc00; }
.footer { background: #000; border-top: 1px solid #00f0ff22; }

.input-group { max-width: 600px; margin: 0 auto; }

.form-control {
    background: #0d1117;
    border: 1px solid #30363d;
    color: #e0e0e0;
}
.form-control:focus {
    border-color: #00f0ff;
    box-shadow: 0 0 10px #00f0ff44;
    background: #0d1117;
    color: #e0e0e0;
}

.btn-outline-info { border-color: #00f0ff; color: #00f0ff; }
.btn-outline-info:hover { background: #00f0ff22; color: #00f0ff; }

.token-card {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.6s ease forwards;
}
@keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }

.spinner-border { width: 3rem; height: 3rem; }

.twitter-link { color: #00f0ff; text-decoration: none; transition: all 0.3s ease; }
.twitter-link:hover { color: #ff00aa; transform: scale(1.2); }
.twitter-link i { transition: transform 0.4s; }
.twitter-link:hover i { transform: rotate(360deg); }

.card-body { background: #0d1117; color: #ffffff; }
.card-title { color: #00f0ff; text-shadow: 0 0 10px #00f0ff88; }
.card-text { color: #e0f0ff; }
.text-light { color: #e0f0ff !important; }
.text-muted { color: #a0c0ff !important; }

.blockquote {
    border-left: 4px solid #00f0ff;
    padding-left: 1rem;
    color: #e0f0ff;
}

/* Badge адреса токена */
.token-address-badge {
    background: #0d1117;
    border: 1px solid #00f0ff44;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-family: monospace;
    font-size: 0.85rem;
    color: #00f0ff;
    word-break: break-all;
}