@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300&family=Inter:wght@300;700&display=swap');
:root { --bg-color: #050505; --card-bg: rgba(18, 18, 20, 0.8); --accent: #3b82f6; }
body { background-color: var(--bg-color); color: #e4e4e7; font-family: 'Inter', sans-serif; overflow-x: hidden; }
.code-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; color: var(--accent); opacity: 0.1; font-family: 'JetBrains Mono'; font-size: 14px; }
.glass-card { background: var(--card-bg); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); border-radius: 20px; padding: 2rem; }
.btn-outline-primary { border-color: var(--accent); color: var(--accent); }
.btn-outline-primary:hover { background: var(--accent); color: #fff; }
@keyframes fall { from { top: -50px; } to { top: 100vh; } }
@media (max-width: 768px) { .display-3 { font-size: 2.5rem; } }