html{overflow-y:scroll}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}:root{--bg: #6c9d97;--text: #e2fce6;--muted: #cee7d2;--border: #537672ad;--link: #3247ff;--link-bg: rgba(50, 71, 255, .2);--max-width: 900px;--section-padding: 5rem}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6}main{display:block}h1,h2,h3{line-height:1.2;margin:0 0 1rem}h1{font-size:3rem}h2{font-size:2rem}p{margin:0 0 1rem;color:var(--muted)}a{color:var(--link);text-decoration:none;padding:.15em .35em;border-radius:6px;transition:background-color .15s ease,color .15s ease}a:hover,a:focus-visible{background-color:var(--link-bg)}a:active{background-color:#3247ff59}ul{padding-left:1.2rem}li{margin-bottom:.75rem}.section{padding:var(--section-padding) 1.5rem}.container{max-width:var(--max-width);margin:0 auto}.site-header{position:sticky;top:0;z-index:100;background-color:var(--bg);border-bottom:5px solid var(--border)}.site-nav{max-width:var(--max-width);margin:0 auto;padding:1rem 1.5rem;display:flex;gap:.5rem;align-items:center}.site-nav a{font-weight:500}.nav-separator{color:var(--muted)}.site-nav{display:flex;justify-content:center;gap:1rem}.site-nav button{position:relative;background:none;border:none;border-radius:8px;font:inherit;cursor:pointer;padding:.5rem .75rem;font-weight:500;min-width:70px;text-align:center;color:var(--text)}.site-nav button:hover,.site-nav button:focus-visible{background-color:#53767240}.site-nav button:active{background-color:#5376728c}.site-nav button:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background-color:currentColor;transition:width .2s ease}.site-nav button.active-tab:after{width:100%}.site-footer{border-top:5px solid var(--border);padding:2rem 1.5rem;margin-top:4rem;text-align:center;font-size:.9rem;color:var(--muted)}.footer-links{display:flex;justify-content:center;align-items:center;gap:.5rem}.footer-separator{color:var(--muted)}.home{min-height:64vh;display:flex;align-items:center}.home-content{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.home-subtitle{font-size:1.2rem;max-width:600px}.project-list{list-style:none;padding:0;margin:0}.project-item{margin-bottom:1.5rem}.project-title{display:block;font-size:1.1rem;margin-bottom:.25rem}.project-description{margin-bottom:.5rem;color:var(--muted)}.project-link{font-size:.95rem}.project-search{width:100%;max-width:420px;padding:.6rem .75rem;margin-bottom:2rem;border-radius:10px;border:2px solid var(--border);background-color:#00000014;color:var(--text);font:inherit}.project-search::placeholder{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.project-card{background-color:#00000014;border:2px solid var(--border);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .15s ease,box-shadow .15s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.project-card h3{margin:0}.project-description{color:var(--muted);font-size:.95rem}.project-skills{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.skill-badge{padding:.25rem .6rem;font-size:.75rem;border-radius:999px;background-color:#0003;border:1px solid var(--border);color:var(--text)}.project-link{margin-top:auto;font-weight:500;align-self:flex-start}.section{min-height:64vh}.contact-icons{display:flex;gap:7.5rem;align-items:center}.contact-icons a{color:var(--text);padding:.5rem;border-radius:8px;transition:background-color .15s ease,transform .15s ease}.contact-icons a:hover,.contact-icons a:focus-visible{background-color:#53767240;transform:translateY(-2px)}.contact-icons a:active{background-color:#5376728c}.resume-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.resume-pdf{width:100%;max-width:1000px;height:140vh;border:1px solid var(--border);border-radius:8px;background:#fff}.timeline{display:flex;flex-direction:column;gap:3rem;position:relative;margin-top:2rem}.timeline:before{content:"";position:absolute;left:36px;top:0;bottom:0;width:2px;background-color:var(--border)}.timeline-item{display:flex;gap:2rem;position:relative}.timeline-logo{width:72px;display:flex;justify-content:center;align-items:flex-start}.timeline-logo img{width:48px;height:48px;object-fit:contain;background-color:var(--bg);border-radius:50%;padding:6px;border:2px solid var(--border);z-index:1}.timeline-content{background-color:#0000000d;padding:1.5rem;border-radius:12px;flex:1}.timeline-content h3{margin-bottom:.25rem}.timeline-date{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.75rem}.timeline-content ul{margin:0;padding-left:1.2rem}.timeline-content li{margin-bottom:.6rem}.article-card{display:flex;gap:1.25rem;margin-top:1.5rem;padding:1.25rem;border:1px solid var(--border);border-radius:12px;background-color:#ffffff0d;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.article-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000026}.article-card-image{width:64px;height:64px;object-fit:contain;flex-shrink:0}.article-card-content h3{margin:0 0 .4rem;font-size:1.05rem}.article-card-content p{margin:0 0 .6rem;color:var(--muted);font-size:.95rem}.article-card-link{font-size:.9rem;font-weight:500}