:root{--bg:#7e8c54;--text:#3e2723;--muted:#48462c;--card:#7e8c54;--border:#3e2723;--accent:#bc815f}@media (prefers-color-scheme: dark){:root{--bg:#3e2723;--text:#7e8c54;--muted:#48462c;--card:#3e2723;--border:#7e8c54;--accent:#858F4B}}body{background:var(--bg);color:var(--text);font-family:"Lucida Console", "Courier New", monospace;line-height:1.6}main img{max-width:80%;height:auto;display:block}.active{border-bottom:1px solid var(--border);color:var(--text)}.site-header{position:sticky;top:10px;z-index:1000;display:flex;justify-content:center}.site-footer{border-top:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem;margin-top:80px;padding-top:5px;text-align:center}.section{margin-top:70px;text-align:center}.section h2{margin-bottom:20px}.intro{margin:60px 0;justify-content:center}.intro h1{font-size:2.7rem;margin-bottom:10px;justify-content:center}.intro p{color:var(--text);font-size:1.1rem;justify-content:center}.navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:fit-content;margin:0 auto;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background-color:transparent;backdrop-filter:blur(5px)}.nav-logo{color:var(--text);font-weight:bold;text-decoration:none}.nav-links{list-style:none;display:flex;gap:10px;margin:0;padding:0}.nav-links a{margin-left:20px;text-decoration:none;color:var(--text);font-weight:500;font-size:0.9rem;padding:6px 10px;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px;background-color:transparent;transition:all 0.2s ease}.nav-links a:hover{color:var(--accent);border:1px solid var(--border);background-color:var(--bg)}.nav-links a.active{border:1px solid var(--border)}.tag-filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.tag-badge.active{color:var(--text);border:1px solid var(--border);background-color:var(--muted);text-decoration:none}.tag-filter-bar .tag-badge{cursor:pointer;text-decoration:none;color:var(--text)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:24px}.project-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:22px;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,0.15)}.project-card p{color:var(--text)}.project-card a{text-decoration:none;font-weight:500}.project-card a:hover{text-decoration:none}.project-card img{border-radius:8px;padding:1px;width:100%;height:auto;object-fit:cover;margin:0 auto;border:1px solid var(--border)}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-badge{font-size:0.75rem;color:var(--text);padding:4px 8px;border-radius:999px;border:1px solid var(--border);background-color:transparent;text-decoration:none;transition:all 0.2s ease}.tag-badge:hover{border:1px solid var(--border);color:var(--text);background-color:var(--muted);text-decoration:none}.skills span{margin-top:20px;display:inline-block;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:6px 10px;margin:5px;font-size:.9rem;justify-content:center}.social-links{color:var(--text);list-style:none;text-decoration:none;font-weight:bold;display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:0}.social-links a{text-decoration:none;color:var(--text);font-size:0.9rem;padding:6px 10px;border-radius:999px;border:1px solid var(--border);display:inline-flex;justify-content:center;gap:6px;background-color:var(--bg);transition:all 0.2s ease}.social-links a:hover{text-decoration:none;cursor:pointer;color:var(--text);opacity:0.7;border:1px solid var(--border);background-color:var(--bg)}