body {
    font-family: 'Nunito', sans-serif;
    background-color: #181825;
    color: #cdd6f4;
}

.app-nav,
#app {
    max-width: 800px;
    margin: 40px auto;
    background: #1e1e2e;
    border-radius: 12px;
    padding: 30px 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    border: 1px solid #313244;
}

.markdown-section h1,
.markdown-section h2 {
    color: #8caaee;
}

.markdown-section a {
    color: #f5c2e7;
    text-decoration: none;
}

.markdown-section a:hover {
    text-decoration: underline;
}

.markdown-section pre {
    background: #11111b !important;
    border-radius: 8px;
}

/* Back to Home Button */
.return-btn {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 16px;
    background: #313244;
    color: #cdd6f4 !important;
    border-radius: 6px;
    font-size: 14px;
    transition: background 0.2s;
}

.return-btn:hover {
    background: #45475a;
    text-decoration: none !important;
}