@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800&display=swap');

:root {
    --accent: #fbbf24;
    --bg: #050505;
    --text: #e5e5e5;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    transition: background-color 0.4s ease, color 0.4s ease;
}

body.light-mode {
    --bg: #f8f9fa;
    --text: #1a1a1a;
}

.glass {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.light-mode .glass {
    background: rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.blob {
    filter: blur(80px);
    opacity: 0.4;
    z-index: -1;
    background-color: var(--accent);
    animation: move 20s infinite alternate;
}

@keyframes move {
    from { transform: translate(0, 0); }
    to { transform: translate(100px, 50px); }
}

/* Стили для Markdown контента */
.prose h1, .prose h2 { font-weight: 800; color: var(--accent); margin: 1.5rem 0 1rem; font-size: 2rem; }
.prose p { margin-bottom: 1rem; line-height: 1.8; opacity: 0.9; }
.prose blockquote { border-left: 4px solid var(--accent); padding-left: 1rem; font-style: italic; opacity: 0.8; }