/* رنگ‌ها */
:root {
    --primary: #9e35c7;
    --secondary: #b910a2;
    --accent: #5f0dda;
    --background: #1e293b;
    --text: #f9fafb;
    --card-bg: rgba(255,255,255,0.05);
    --nav-bg: rgba(30,41,59,0.95);
}

.container { width:92%; max-width:1100px; margin:0 auto; padding:20px; }

footer {
    background: var(--card-bg);
    color: #fff;
    padding: 15px 20px;
    text-align: center;
    margin-top:50px;
    border-radius:16px 16px 0 0;
    box-shadow: 0 -8px 20px rgba(0,0,0,0.5);
    backdrop-filter: blur(100px);
}

footer p { margin: 0; font-weight: 500; }

footer .socials { margin-top: 12px; }

footer .socials a { 
    color: #fff; 
    margin: 0 10px; 
    font-size: 20px; 
    transition: 0.3s; 
}
footer .socials a:hover { color: var(--accent); }