@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--bg: #131313;--primary: #968c84}body{margin:0;padding:0;background:var(--bg);color:#fff;font-size:16px;font-family:Google Sans,sans-serif;line-height:1.6}*{box-sizing:border-box}.container{max-width:800px;margin:0 auto;padding:2.5rem 1.5rem}header{text-align:center;margin-bottom:3rem}header .profile-section{margin-bottom:2rem}header .profile-section .profile-pic{width:150px;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1px solid var(--primary);box-shadow:0 0 1rem rgb(from var(--primary) r g b / .4)}header .profile-section h1{font-size:2.5rem;margin-block:0 .5rem;font-weight:700}header .profile-section .subtitle{color:#888}header .contact-info{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}header .contact-info p{flex:1;min-width:240px;margin-block:.5rem;text-align:center}header .contact-info a{color:var(--primary);text-decoration:none;transition:color .2s}header .contact-info a:hover{color:#fff;text-decoration:underline}header .cta-buttons{margin-block:2rem 3rem}section{margin-bottom:2.5rem;animation:fadeIn .8s ease-in-out}section .section-title{font-size:1.2rem;color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;border-left:3px solid;padding-left:1rem}section .project-grid{display:grid;row-gap:1.5rem}section .project-grid .project-card{background:hsl(from var(--bg) h s calc(l + 3));border:1px solid #333;border-radius:.5rem;padding:min(1.5rem,5vw);transition:transform .2s,border-color .2s}section .project-grid .project-card:hover{transform:translateY(-5px);border-color:#555}section .project-grid .project-card h3{margin:0;color:#fff;font-size:1.25rem}section .project-grid .project-card p{color:#ccc;font-size:.9rem;line-height:1.5;margin-block:10px}section .project-grid .project-card .tech-stack{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}section .project-grid .project-card .tech-stack .tech-tag{background:hsl(from var(--bg) h s calc(l + 9));color:#aaa;font-size:.8rem;padding:.25rem .75rem;border-radius:2rem;border:1px solid #555}section .project-grid .project-card .links{display:flex;gap:1rem;margin-top:1.5rem;align-items:baseline}.btn{text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;transition:opacity .2s}.btn:hover{opacity:.8}.btn-primary{background:#fff;color:#000}.btn-secondary{background:transparent;color:#fff;border:1px solid #333}footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid #333;color:#888;font-size:.9rem}