*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#0f172a;--text-color:#e5e7eb;--muted-text:#94a3b8;--accent-color:#38bdf8}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.6}header,main,footer{max-width:900px;margin:0 auto;padding:40px 20px}header h1{margin-bottom:8px;font-size:2.8rem}header p{color:var(--muted-text)}section{margin-top:60px}section h2{color:var(--accent-color);margin-bottom:20px}#projects-container{flex-direction:column;gap:20px;display:flex}.project{background-color:#020617;border:1px solid #1e293b;border-radius:10px;padding:20px;transition:all .3s}.project:hover{transform:translateY(-4px)}.project p{color:var(--muted-text)}.filters{gap:10px;margin-bottom:20px;display:flex}.filters button{color:var(--text-color);cursor:pointer;background-color:#020617;border:1px solid #1e293b;border-radius:6px;padding:6px 12px}.filters button:hover{background-color:var(--accent-color);color:#000}footer{text-align:center;color:var(--muted-text);margin-top:40px}.project-links{gap:12px;margin-top:12px;display:flex}.project-links a{color:#38bdf8;font-weight:700;text-decoration:none}.project-links a:hover{color:#fff}