:root{--bg:#000031;--text:#f0f0f0;--border-line:#111184;--text-highlight:#7373ff;--text-muted:#a0a0b0;--accent:#5b6ef5;--accent-text:#fff;--tag-bg:#ffffff0d;--status-soon-bg:#0d1152;--status-soon-border:#2a35a0}[data-theme=light]{--bg:#fff;--text:#111;--border-line:#eee;--text-muted:#556;--accent:#3a4fd4;--accent-text:#fff;--tag-bg:#0000000a;--status-soon-bg:#e8eaf6;--status-soon-border:#9fa8da}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif}.App-header{border-bottom:2px solid var(--border-line);flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.logo-img{height:1.6rem}.links-list{flex-direction:row;justify-content:space-evenly;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.links-list-item>a{color:inherit;font-family:inherit;font-size:1rem;text-decoration:none}.links-list-item:hover{cursor:pointer;color:var(--text-highlight)}.theme-toggle{border:3px solid var(--border-line);color:var(--text);background:0 0;border-radius:.8rem;align-items:center;gap:.4rem;padding:.25rem .5rem;font-family:inherit;font-size:1rem;display:flex}.theme-toggle:hover{color:var(--text-highlight);cursor:pointer}.theme-dot{background-color:var(--text-highlight);border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.hamburger{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:1.4rem;display:none}@media (width<=600px){.hamburger{display:block}.links-list{border-bottom:2px solid var(--border-line);background-color:var(--bg);z-index:100;flex-direction:column;align-items:flex-start;gap:1.2rem;padding:1rem;display:none;position:absolute;top:100%;left:0;right:0}.links-list.open{display:flex}.App-header{position:relative}}#about{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.about-container{flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.about-title{color:var(--text);margin:0;font-size:4rem;font-weight:700}.about-bio{color:var(--text-muted);margin:0;font-size:1.1rem;line-height:1.7}.about-actions{flex-direction:row;gap:1rem;margin-top:.5rem;display:flex}.about-cta-btn,.about-secondary-btn{border-radius:.8rem;padding:.5rem 1.2rem;font-family:inherit;font-size:.95rem;text-decoration:none;transition:color .2s,background-color .2s,border-color .2s}.about-cta-btn{background-color:var(--accent);color:var(--accent-text);border:2px solid var(--accent)}.about-cta-btn:hover{color:var(--accent);background-color:#0000}.about-secondary-btn{color:var(--text);border:2px solid var(--border-line);background:0 0}.about-secondary-btn:hover{border-color:var(--text-highlight);color:var(--text-highlight)}@media (width<=600px){.about-title{font-size:2.8rem}.about-container{text-align:center}.about-actions{flex-direction:column}.about-cta-btn,.about-secondary-btn{text-align:center}}#skills{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex}.skills-container{flex-direction:column;gap:2.5rem;width:100%;max-width:900px;display:flex}.skills-title{color:var(--text);margin:0;font-size:2.5rem;font-weight:700}.skills-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.skills-card{border:2px solid var(--border-line);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.5rem;transition:border-color .2s;display:flex}.skills-card:hover{border-color:var(--text-highlight)}.skills-category{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0;font-size:.8rem}.skills-items{flex-wrap:wrap;gap:.6rem;display:flex}.skills-tag{background-color:var(--tag-bg);color:var(--text);border:1px solid var(--border-line);border-radius:999px;padding:.3rem .8rem;font-size:.9rem;transition:background-color .2s,color .2s}.skills-tag:hover{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}@media (width<=600px){.skills-grid{grid-template-columns:1fr}.skills-title{font-size:2rem}}#projects{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex}.projects-container{flex-direction:column;gap:2.5rem;width:100%;max-width:900px;display:flex}.projects-title{color:var(--text);margin:0;font-size:2.5rem;font-weight:700}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.projects-card{border:2px solid var(--border-line);border-radius:1rem;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.5rem;transition:border-color .2s;display:flex}.projects-card:hover{border-color:var(--text-highlight);cursor:pointer}.projects-card-top{flex-direction:column;gap:.8rem;display:flex}.projects-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.projects-card-title{color:var(--text);margin:0;font-size:1.1rem;font-weight:600}.projects-card-description{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.6}.projects-card-bottom{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.projects-tags{flex-wrap:wrap;gap:.5rem;display:flex}.projects-tag{background-color:var(--tag-bg);color:var(--text);border:1px solid var(--border-line);border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.projects-links{flex-shrink:0;gap:.6rem;display:flex}.projects-link{border:1px solid var(--accent);color:var(--accent);white-space:nowrap;cursor:pointer;border-radius:.6rem;padding:.25rem .7rem;font-family:inherit;font-size:.85rem;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s}.projects-link:hover{background-color:var(--accent);color:var(--accent-text)}.projects-status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.2rem .6rem;font-size:.7rem}.projects-status--coming-soon{background-color:var(--status-soon-bg);color:var(--accent);border:1px solid var(--status-soon-border)}.projects-status--archived{background-color:var(--tag-bg);color:var(--text-muted);border:1px solid var(--border-line)}@media (width<=600px){.projects-grid{grid-template-columns:1fr}.projects-title{font-size:2rem}}#contact{justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;display:flex}.contact-container{flex-direction:column;gap:2.5rem;width:100%;max-width:900px;display:flex}.contact-title{color:var(--text);margin:0;font-size:2.5rem;font-weight:700}.contact-bio{color:var(--text-muted);margin:0;font-size:1.1rem;line-height:1.7}.contact-links{flex-direction:row;gap:1.5rem;display:flex}.contact-card{border:2px solid var(--border-line);border-radius:1rem;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;text-decoration:none;transition:border-color .2s;display:flex}.contact-card:hover{border-color:var(--accent);cursor:pointer}.contact-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin:0;font-size:.8rem}.contact-display{color:var(--text);margin:0;font-size:1rem}@media (width<=600px){.contact-links{flex-direction:column}.contact-title{font-size:2rem}}