@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{--bg:#0b0b0b;--surface:#111;--surface-hover:#171717;--gold:#dccb8f;--gold-dark:#b8973a;--text:#f5f5f0;--text-muted:#b8b8b0;--border:#d4af3726;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif;--gold-glow:0 0 20px #d4af3726;--transition:all .3s ease;--glass:#0000004d}*{box-sizing:border-box;background-color:var(--bg);margin:0;padding:0}.footer{background-color:var(--surface);color:var(--text);text-align:center;justify-content:center;width:100%;margin-top:20px;padding:10px;display:flex;bottom:0}.footer p{background-color:#0000;margin:0;font-size:14px;font-weight:500}.footer a{color:var(--gold);background-color:#0000;margin-left:500px;text-decoration:none}.navbar{background-color:var(--bg);justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed}.title{color:var(--text);font-size:1.5rem;font-weight:600}.links{gap:2rem;list-style:none;display:flex}.nav-item{cursor:pointer;font-size:1.2rem}.nav-item a{font-family:var(--font-body);color:var(--gold);transition:var(--transition);font-size:15px;font-weight:200;text-decoration:none}.nav-item a:hover{color:var(--text);transition:var(--transition)}.hero{background-color:var(--bg);height:100vh;color:var(--text);text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;max-width:800px;margin:0 auto;padding:2rem;display:flex}.hero-title{margin:0;font-family:Gorgia;font-size:5rem;font-weight:500;line-height:1.1}.hero-title-02{font-family:var(--font-heading);color:var(--gold);margin-bottom:2rem;font-size:5rem;font-style:italic;font-weight:500;line-height:1.1}.description{color:#888;max-width:550px;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.button-group{flex-direction:row;gap:1rem;margin-bottom:2rem;display:flex}.hero-btn{background-color:var(--gold);color:var(--bg);cursor:pointer;transition:var(--transition);border:none;border-radius:6px;padding:.8rem 2rem;font-size:1.1rem;font-weight:500}.hero-btn:hover{background-color:var(--gold-dark)}.hero-contact{color:#666;cursor:pointer;transition:var(--transition);background-color:#0000;border:1px solid #222;border-radius:6px;padding:.8rem 2rem;font-size:1.1rem;font-weight:500}.hero-contact:hover{color:var(--text);border-color:#444}.social-links{gap:1.5rem;margin-top:1rem;display:flex}.social-links a{color:#666;transition:var(--transition);align-items:center;gap:.5rem;font-size:1rem;text-decoration:none;display:flex}.social-links a:hover{color:var(--gold)}.about{background-color:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.about-title{font-family:var(--font-heading);color:var(--gold);white-space:nowrap;margin-bottom:2rem;font-size:3rem;font-weight:500;line-height:1.1}.about-title-02{color:var(--text-muted);margin-bottom:2rem;font-size:3rem;font-style:italic;font-weight:500;line-height:1.5}.about-description{font-family:var(--font-body);background-color:var(--surface);border-left:4px solid var(--gold);color:var(--text-muted);text-align:left;box-sizing:border-box;border-radius:40px;width:100%;max-width:750px;margin-bottom:2rem;padding:2.5rem;font-size:1.25rem;font-weight:400;line-height:1.7}.skills{background-color:var(--bg);min-height:100vh;color:var(--text);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.skills-title{font-family:var(--font-heading);color:var(--gold);text-align:center;margin-bottom:3rem;font-size:3.5rem;font-weight:500;line-height:1.1}.skills-title-02{color:var(--text-muted);font-style:italic}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;margin-top:2rem;display:grid}.skills-card{background-color:var(--surface);border:1px solid var(--border);transition:var(--transition);box-sizing:border-box;border-radius:12px;padding:2.5rem}.category-title{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--gold);background-color:#0000;margin-bottom:2rem;font-size:.9rem;line-height:1.1}.skills-list{background-color:#0000;flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.skill-item{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.skill-row{background-color:#0000;align-items:center;gap:1.5rem;display:flex}.skill-name{font-family:var(--font-body);color:var(--text-muted);text-align:left;background-color:#0000;min-width:110px;font-size:1.1rem}.progress-bar-bg{background-color:#ffffff14;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar-fill{width:var(--progress-width);background-color:var(--gold);border-radius:2px;height:100%;transition:width 1s ease-in-out}.projects{background-color:var(--bg,#0b0712);min-height:100vh;color:var(--text,#fff);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.projects-title{font-family:var(--font-heading), serif;color:var(--gold,#ebdca7);text-align:center;margin-bottom:3rem;font-size:3.5rem;font-weight:500;line-height:1.1}.projects-title-02{color:var(--text-muted,#a29bfe);font-style:italic}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px;padding:1rem;display:grid}.project-card{text-align:center;border:1px solid var(--border);background-color:var(--surface);transition:transform var(--transition);box-sizing:border-box;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:2rem 1.5rem;display:flex}.project-card:hover{transform:translateY(-5px)}.projects-img{object-fit:cover;border-radius:4px;width:300px;height:300px;margin-bottom:1rem}.project-title{font-family:var(--font-heading);color:var(--text);background-color:#0000;margin-bottom:1rem;font-size:1.5rem;font-weight:500;line-height:1.1}.project-description{font-family:var(--font-body);color:var(--text-muted,#ccc);background-color:#0000;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.project-buttons{gap:.75rem;margin-top:auto;display:flex}.project-btn-link,.project-btn-demo{background-color:var(--gold,#ebdca7);color:var(--bg,#13101c);transition:var(--transition,.3s ease);border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.project-btn-link:hover,.project-btn-demo:hover{background-color:var(--gold-dark,#d4c389);opacity:.9}.project-btn-link svg,.project-btn-demo svg{color:#fff;font-size:1.1rem}.contact{background-color:var(--bg);min-height:100vh;color:var(--text);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.contact-me{font-family:var(--font-heading);color:var(--gold);text-align:center;margin-bottom:1rem;font-size:3.5rem;font-weight:500;line-height:1.1}.contact-me-02{color:var(--text-muted);margin-left:10px;font-style:italic}.description{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin-bottom:2.5rem;font-size:1.1rem}.contact-icons{flex-wrap:wrap;justify-content:center;gap:1.5rem;width:100%;margin-bottom:3rem;display:flex}.box{background-color:var(--surface);border:1px solid var(--border);font-family:var(--font-body);border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;display:flex}.box svg{color:var(--gold)}.connect{background-color:var(--surface);border:1px solid var(--border);width:100%;max-width:500px;box-shadow:var(--gold-glow);box-sizing:border-box;border-radius:8px;padding:2.5rem 2rem}.review-form{background-color:#0000;flex-direction:column;gap:1.25rem;display:flex}.review-form label{font-family:var(--font-body);color:var(--text-muted);background-color:#0000;font-size:.9rem}.review-form input,.review-form textarea{border:1px solid var(--border);color:var(--text);font-family:var(--font-body);transition:border-color var(--transition);background-color:#0000;border-radius:4px;outline:none;padding:.8rem;font-size:1rem}.review-form button{background-color:var(--gold);color:var(--bg);font-family:var(--font-body);cursor:pointer;transition:opacity var(--transition);border:none;border-radius:4px;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:600}.review-form button:hover{opacity:.9}.review-form button:disabled{background-color:var(--border);color:var(--text-muted);cursor:not-allowed}.status-msg{text-align:center;color:var(--gold);font-family:var(--font-body);margin-top:1.25rem;font-size:.95rem}