@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box}:root{--background:#0d1117;--surface:#161b22;--border:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--accent:#f59e0b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--text-h1:40px;--text-h2:24px;--text-body:16px;--leading-h1:48px;--leading-h2:32px;--leading-body:24px;--weight-regular:400;--weight-bold:600;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--radius-md:8px;--radius-sm:4px;--content-max-width:1200px}*{font-family:var(--font-sans)}html{background-color:var(--background);scroll-behavior:smooth}body{line-height:var(--leading-body);margin:0}h1{font-size:var(--text-h1);color:var(--text-primary);line-height:var(--leading-h1);font-weight:var(--weight-bold)}h2{font-size:var(--text-h2);color:var(--text-primary);line-height:var(--leading-h2);font-weight:var(--weight-bold)}p{font-size:var(--text-body);color:var(--text-secondary);line-height:var(--leading-body);font-weight:var(--weight-regular)}main{max-width:var(--content-max-width);padding-inline:var(--space-4);margin-inline:auto}.scroll-margin-top{scroll-margin-top:80px}.navbar{z-index:100;background-color:var(--background);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-container{max-width:var(--content-max-width);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:relative}.navbar-logo{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--text-primary);z-index:101;text-decoration:none}.navbar-logo img{width:64px}.navbar-links{gap:var(--space-5);display:flex}.navbar-link{font-size:var(--text-body);font-weight:var(--weight-regular);color:var(--text-secondary);text-decoration:none;transition:color .15s}.navbar-link:hover{color:var(--accent)}.navbar-toggle-checkbox{display:none}.navbar-toggle{cursor:pointer;z-index:101;flex-direction:column;gap:5px;display:none}.navbar-toggle-bar{background-color:var(--text-primary);width:24px;height:2px;transition:transform .2s,opacity .2s}.navbar-link-active{color:var(--accent)}@media (width<=768px){.navbar-toggle{display:flex}.navbar-links{background-color:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;gap:0;max-height:0;transition:max-height .25s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.navbar-link{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border)}.navbar-toggle-checkbox:checked~.navbar-links{max-height:300px}.navbar-toggle-checkbox:checked~.navbar-toggle .navbar-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.navbar-toggle-checkbox:checked~.navbar-toggle .navbar-toggle-bar:nth-child(2){opacity:0}.navbar-toggle-checkbox:checked~.navbar-toggle .navbar-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.hero{padding-block:var(--space-8)}.hero-container{max-width:var(--content-max-width);padding-inline:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-7);margin-inline:auto;display:flex}.hero-content{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.hero-title{font-size:var(--text-h1);line-height:var(--leading-h1);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.hero-subtitle{font-size:var(--text-h2);line-height:var(--leading-h2);font-weight:var(--weight-bold);color:var(--accent);margin:0}.hero-description{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);max-width:480px;margin:0}.hero-actions{gap:var(--space-3);margin-top:var(--space-3);display:flex}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--weight-bold);text-decoration:none;transition:opacity .15s;display:inline-block}.btn:hover{opacity:.85}.btn-primary{background-color:var(--accent);color:var(--background)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background-color:#0000}.hero-image-wrapper{border:3px solid var(--accent);border-radius:50%;flex-shrink:0;width:320px;height:320px;overflow:hidden}.hero-image{object-fit:cover;width:100%;height:100%;display:block}@media (width<=900px){.hero-image-wrapper{width:240px;height:240px}.hero-container{gap:var(--space-5)}}@media (width<=640px){.hero-container{text-align:center;gap:var(--space-5);flex-direction:column-reverse}.hero-content{align-items:center}.hero-image-wrapper{width:180px;height:180px}.hero-description{max-width:100%}.hero-actions{justify-content:center}}.about{padding-block:var(--space-8);background-color:var(--surface)}.about-container{max-width:var(--content-max-width);padding-inline:var(--space-4);margin-inline:auto}.about-heading{font-size:var(--text-h2);line-height:var(--leading-h2);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-5) 0}.about-content{gap:var(--space-3);max-width:720px;margin-bottom:var(--space-6);flex-direction:column;display:flex}.about-text{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);margin:0}.about-skills{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.skill-group{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.skill-group-title{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--accent);margin:0 0 var(--space-2) 0}.skill-list{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);margin:0}@media (width<=900px){.about-skills{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.about-skills{grid-template-columns:1fr}}.skills{padding-block:var(--space-8)}.skills-container{max-width:var(--content-max-width);padding-inline:var(--space-4);margin-inline:auto}.skills-heading{font-size:var(--text-h2);line-height:var(--leading-h2);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-5) 0}.skills-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.skill-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.skill-card-title{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.skill-card-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:20px}.skill-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:13px;font-weight:var(--weight-regular);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.tag-proficient{color:var(--accent);border-color:var(--accent)}.tag-comfortable{color:var(--text-primary);border-color:var(--border)}.tag-learning{color:var(--text-secondary);border-color:var(--border);border-style:dashed}@media (width<=900px){.skills-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.skills-grid{grid-template-columns:1fr}}.projects{padding-block:var(--space-8);background-color:var(--surface)}.projects-container{max-width:var(--content-max-width);padding-inline:var(--space-4);margin-inline:auto}.projects-heading{font-size:var(--text-h2);line-height:var(--leading-h2);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.projects-subheading{font-size:var(--text-body);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.projects-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent)}.project-image-wrapper{aspect-ratio:16/10;background-color:var(--surface);width:100%;overflow:hidden}.project-image{object-fit:cover;width:100%;height:100%;display:block}.project-body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.project-title{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.project-desc{color:var(--text-secondary);margin:0;font-size:14px;line-height:22px}.project-tags{gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.proj-tag{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:12px}.project-links{gap:var(--space-3);margin-top:var(--space-2);display:flex}.project-link{font-size:14px;font-weight:var(--weight-bold);color:var(--accent);text-decoration:none}.project-link-secondary{color:var(--text-secondary)}.project-link:hover{text-decoration:underline}@media (width<=900px){.projects-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.projects-grid{grid-template-columns:1fr}}.contact{padding-block:var(--space-8)}.contact-container{max-width:var(--content-max-width);padding-inline:var(--space-4);margin-inline:auto}.contact-heading{font-size:var(--text-h2);line-height:var(--leading-h2);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.contact-subheading{font-size:var(--text-body);color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:480px}.contact-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.contact-form{gap:var(--space-4);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:14px;font-weight:var(--weight-bold);color:var(--text-primary)}.form-input,.form-textarea{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-body);font-family:var(--font-sans);color:var(--text-primary);outline:none;transition:border-color .15s}.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:vertical}.form-submit{background-color:var(--accent);color:var(--background);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-body);font-weight:var(--weight-bold);cursor:pointer;border:none;align-self:flex-start;transition:opacity .15s}.form-submit:hover{opacity:.85}.contact-info{gap:var(--space-4);flex-direction:column;display:flex}.contact-info-item{gap:var(--space-1);border-top:1px solid var(--border);padding-top:var(--space-3);flex-direction:column;display:flex}.contact-info-label{color:var(--text-secondary);font-size:12px}.contact-info-value{font-size:var(--text-body);color:var(--text-primary);text-decoration:none}.contact-info-value:hover{color:var(--accent)}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);padding-block:var(--space-5)}.footer-container{max-width:var(--content-max-width);padding-inline:var(--space-4);margin-inline:auto}.footer-top{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);display:flex}.footer-logo{font-size:var(--text-body);font-weight:var(--weight-bold);color:var(--text-primary);justify-content:center;align-items:center;gap:20px;text-decoration:none;transition:all .5s;display:flex}.footer-logo:hover{color:var(--accent)}.footer-logo img{width:40px}.footer-socials{gap:var(--space-3);display:flex}.footer-social{color:var(--text-secondary);font-size:20px;text-decoration:none;transition:color .15s;display:flex}.footer-social:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);padding-top:var(--space-4)}.footer-copyright{color:var(--text-secondary);text-align:center;margin:0;font-size:13px}@media (width<=640px){.footer-top{text-align:center;flex-direction:column}}