body { background: #0f172a; color: #e2e8f0; font-family: 'Segoe UI', sans-serif; padding: 20px; }
.container { max-width: 900px; margin: auto; }
header { border-bottom: 2px solid #38bdf8; padding-bottom: 20px; margin-bottom: 30px; }
h2 { color: #38bdf8; margin-top: 40px; }
.tech-grid { display: grid; gap: 15px; }
.tech-item { background: #1e293b; padding: 15px; border-radius: 8px; border-left: 4px solid #38bdf8; }
.project-card { background: #1e293b; padding: 20px; border-radius: 12px; margin-bottom: 20px; transition: 0.3s; }
.project-card:hover { transform: translateY(-5px); background: #2d3748; }
ul { margin-top: 10px; }
.subtitle { color: #94a3b8; font-size: 1.2rem; }
.links a { color: #38bdf8; text-decoration: none; font-weight: bold; }