@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300..700&display=swap");
.section-container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }

.section-tag { display: inline-block; margin-bottom: 12px; color: #8b5cf6; text-transform: uppercase; letter-spacing: 0.12em; font-family: "Akshar", sans-serif; font-size: 0.8rem; font-weight: 600; }

@media (max-width: 576px) { .section-container { padding: 0 16px; } }

.site-footer { padding: 48px 0 0; background: rgba(8, 8, 18, 0.98); border-top: 1px solid rgba(255, 255, 255, 0.06); }

.site-footer .section-container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }

.footer-inner { display: flex; align-items: center; justify-content: space-between; padding-bottom: 32px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }

.footer-brand .logo-text { color: #e4e4ef; letter-spacing: 0.03em; font-family: "Lora", serif; font-size: 1.3rem; font-weight: 600; }

.footer-nav ul { display: flex; gap: 28px; margin: 0; padding: 0; list-style: none; }

.footer-nav a { color: #9898b0; text-decoration: none; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.88rem; transition: color 0.25s ease; }

.footer-nav a:hover { color: #e4e4ef; }

.footer-bottom { padding: 20px 0; }

.footer-bottom p { margin: 0; color: #6b6b85; text-align: center; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 0.78rem; }

@media (max-width: 768px) { .footer-inner { flex-direction: column; gap: 24px; text-align: center; } .site-footer .section-container { padding: 0 16px; } }