:root {

    --text-color: rgba(255, 255, 255, 0.9);

    --text-desc: rgb(150, 150, 150);

    --border: rgba(255, 255, 255, 0.08);

}



.footer {

    padding: 30px 20px;

    margin-top: 80px;

    width: 100vw;

    border-top: 1px solid var(--border);

    margin-left: calc(-50vw + 50%);

    position: relative;

    background: rgba(14, 14, 18, 0.85);

    backdrop-filter: blur(15px);

    -webkit-backdrop-filter: blur(15px);

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.footer-content {

    display: flex;

    flex-direction: column;

    gap: 8px;

    align-items: center;

    justify-content: center;

    max-width: 1200px;

    margin: 0 auto;

}



.footer-single-line {

    color: var(--text-desc);

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 0.2px;

}



.footer-support-line {

    color: rgba(255, 255, 255, 0.65);

    font-size: 13px;

    display: flex;

    gap: 12px;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}



.footer-support-line a {

    color: #a78bfa;

    text-decoration: none;

    transition: color 0.2s, text-shadow 0.2s;

}



.footer-support-line a:hover {

    color: #c4b5fd;

    text-decoration: underline;

    text-shadow: 0 0 8px rgba(167, 139, 250, 0.5);

}



@media (max-width: 600px) {

    .footer-single-line {

        font-size: 12px;

        padding: 0 10px;

    }

    .footer-support-line {

        font-size: 11px;

        gap: 8px;

    }

}