:root{color:#f5f5f5;--bg:#121212;--surface:#1b1b1b;--surface-light:#242424;--text:#f5f5f5;--text-muted:#a1a1a1;--accent:#7c5cff;--border:#2d2d2d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text)}#root{flex-direction:column;display:flex}main{flex:1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:none}img{max-width:100%;display:block}header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem}nav{justify-content:center;gap:2rem;display:flex}nav a{color:var(--text-muted);transition:color .2s,transform .2s}nav a:hover{color:var(--text);transform:translateY(-1px)}footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted);justify-content:center;align-items:center;padding:1rem;display:flex}.content{width:min(100% - 2rem,1100px);margin:0 auto;padding:4rem 0}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3rem;min-height:60vh;padding:0 1.5rem;display:flex}.hero-title{color:var(--accent);margin:0;font-size:clamp(3rem,8vw,4rem);font-weight:700;line-height:1.1}.hero-description{color:var(--text);max-width:650px;margin:0;font-size:1.2rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:4rem;display:flex}.btn{border-radius:12px;padding:.9rem 1.8rem;font-size:1rem;font-weight:500;text-decoration:none;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-secondary{border:1px solid var(--accent);color:var(--accent)}.btn-secondary:hover{background:#7c3aed1a}.hero-subtitle{color:var(--accent);font-size:2rem}.skills-section{text-align:center;margin-bottom:4rem}.skills-grid{grid-template-columns:repeat(3,1fr);gap:4rem;margin-top:3rem;display:grid}.skill-category ul{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.skill-category li{color:#7c4dff;font-size:.9rem}.about-page{justify-content:center;align-items:flex-start;padding:6rem 1.5rem;display:flex}.about-card{text-align:center;max-width:700px}.about-card h1{text-align:center;margin-bottom:1rem;font-size:2.5rem}.about-card p{color:var(--text);margin-bottom:1rem;line-height:1.7}.projects-page{justify-content:center;align-items:flex-start;padding:6rem 1.5rem;display:flex}.projects-card{text-align:center;max-width:700px}.projects-card h1{margin-bottom:1rem;font-size:2.5rem}.projects-card p{color:#d1d5db;margin-bottom:1rem;line-height:1.7}.contact-page{justify-content:center;align-items:flex-start;padding:6rem 1.5rem;display:flex}.contact-card{text-align:center;max-width:700px}.contact-card h1{margin-bottom:1rem;font-size:2.5rem}.contact-card p{color:#d1d5db;margin-bottom:2rem;line-height:1.7}.contact-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.contact-links a{color:#7c4dff;text-decoration:none;transition:color .2s}.contact-links a:hover{color:#a78bfa}