Blog

code <style> :root { --bg-color: #0d1117; --card-bg: #161b22; --accent-cyan: #38bdf8; --accent-green: #2dd4bf; --accent-purple: #a855f7; --accent-orange: #fb923c; --text-main: #f3f4f6; --text-sub: #9ca3af; --border-color: #30363d; } * { box-sizing: border-box; margin: 0; padding: 0; } body { background-color: var(--bg-color); color: var(--text-main); font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; line-height: 1.6; padding: 2rem 1rem; display: flex; justify-content: center; } .container { max-width: 900px; width: 100%; } /* Header Styling */ header { text-align: center; padding: 2.5rem …