:root{--brand-color: #00B37E;--bg-color: #121214;--surface-color: #202024;--text-primary: #E1E1E6;--text-secondary: #C4C4CC;--border-color: #323238}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}button{cursor:pointer}a{text-decoration:none;color:inherit}.sidebar{background:var(--surface-color);border-radius:8px;overflow:hidden;height:fit-content;display:flex;flex-direction:column}.cover{width:100%;height:72px;object-fit:cover}.profile{display:flex;flex-direction:column;align-items:center;margin-top:calc(-6px - 1.5rem)}.avatar{width:3rem;height:3rem;border-radius:8px;border:4px solid var(--surface-color);outline:2px solid var(--brand-color);box-sizing:content-box}.profile strong{margin-top:1rem;color:var(--text-primary);line-height:1.6}.profile span{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.nav-menu{margin-top:2rem;padding:0 1rem;display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);text-decoration:none;padding:.75rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;transition:.2s}.nav-link:hover{background:#ffffff0d;color:var(--text-primary)}.nav-link.active{background:#00b37e1a;color:var(--brand-color);border-left:3px solid var(--brand-color)}.footer{border-top:1px solid var(--border-color);margin-top:1.5rem;padding:1.5rem}.social-links{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.footer a{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:.2s}.footer a:hover{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.project-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:.2s;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.project-card:hover{border-color:var(--brand-color);transform:translateY(-5px)}.project-card h3{color:var(--text-primary);font-size:1.25rem}.project-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.tech-row{display:flex;gap:1rem;color:#7c7c8a;font-size:.875rem;margin-bottom:.5rem}.tech-tag{color:var(--brand-color);border:1px solid var(--brand-color);padding:2px 8px;border-radius:4px}.card-actions{display:flex;gap:10px;margin-top:auto}.card-actions a,.card-actions span{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:4px;font-size:.875rem;font-weight:700;text-decoration:none;cursor:pointer;transition:.2s}.btn-github{background:transparent;border:1px solid var(--text-primary);color:var(--text-primary)}.btn-github:hover{background:var(--text-primary);color:var(--bg-color)}.btn-deploy{background:var(--brand-color);border:1px solid var(--brand-color);color:#fff}.btn-deploy:hover{filter:brightness(1.1)}.btn-disabled{background:#29292e;border:1px solid #323238;color:#7c7c8a;cursor:not-allowed;opacity:.6}.wrapper{max-width:70rem;margin:2rem auto;padding:0 1rem;display:grid;grid-template-columns:256px 1fr;gap:2rem;align-items:flex-start}@media(max-width:768px){.wrapper{grid-template-columns:1fr}html{font-size:87.5%}}.page-header{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.page-header h2{font-size:2rem;color:var(--text-primary)}.subtitle{color:var(--brand-color);font-weight:700}.bio-section p{margin-bottom:1rem;line-height:1.6;color:var(--text-secondary)}.skills-section{margin-top:3rem}.skills-section h3{margin-bottom:1.5rem;color:var(--text-primary)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.skill-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:.2s}.skill-card:hover{border-color:var(--brand-color);transform:translateY(-5px);background:#29292e}.skill-card span{font-size:2rem}.skill-card strong{color:var(--text-primary);font-size:.875rem}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;margin-top:2rem}@media(max-width:768px){.contact-container{grid-template-columns:1fr}}.info-card{background:var(--surface-color);padding:1.5rem;border-radius:8px;display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;border:1px solid var(--border-color)}.info-card .icon{color:var(--brand-color)}.info-card strong{display:block;color:var(--text-primary);margin-bottom:4px}.info-card p{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px}.info-card a{color:var(--brand-color);font-size:.875rem;font-weight:700}.info-card a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{width:100%;background:var(--surface-color);border:1px solid var(--border-color);padding:1rem;border-radius:8px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;outline:none;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand-color)}.contact-form button{background:var(--brand-color);color:#fff;border:none;padding:1rem;border-radius:8px;font-weight:700;font-size:1rem;margin-top:.5rem;transition:.2s}.contact-form button:hover{filter:brightness(1.1);transform:translateY(-2px)}