@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg: #0d0d0f;--bg-elevated: #16161a;--bg-card: #1a1a1e;--text: #e4e4e7;--text-muted: #a1a1aa;--accent: #f59e0b;--accent-dim: #d97706;--border: rgba(255, 255, 255, .08);--font: "Outfit", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-dim)}.header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0d0d0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-logo{font-weight:700;font-size:1.25rem;letter-spacing:.05em;color:var(--text)!important}.header-logo:hover{color:var(--accent)!important}.header-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2rem}.header-nav a{color:var(--text-muted);font-weight:500;font-size:.95rem}.header-nav a:hover{color:var(--text)}.header-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.header-toggle span{width:24px;height:2px;background:var(--text);border-radius:1px;transition:transform .3s,opacity .3s}@media(max-width:768px){.header-nav{position:fixed;top:0;right:0;bottom:0;width:260px;background:var(--bg-elevated);padding:5rem 2rem 2rem;transform:translate(100%);transition:transform .3s;border-left:1px solid var(--border)}.header-nav.open{transform:translate(0)}.header-nav ul{flex-direction:column;gap:1rem}.header-toggle{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero-content{max-width:640px;text-align:center;position:relative;z-index:1}.hero-greeting{font-size:1rem;color:var(--accent);font-weight:500;margin-bottom:.5rem;letter-spacing:.1em;text-transform:uppercase}.hero-name{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1;margin:0 0 .5rem;letter-spacing:-.02em}.hero-tagline{font-size:1.25rem;color:var(--text-muted);margin:0 0 1rem}.hero-desc{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.7}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .2s;display:inline-block}.btn-primary{background:var(--accent);color:#0d0d0f!important}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border);color:var(--text)!important}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)!important}.btn-outline{border:1px solid var(--border);color:var(--text)!important}.btn-outline:hover{border-color:var(--accent);color:var(--accent)!important}.hero-visual{position:absolute;inset:0;pointer-events:none}.hero-orb{position:absolute;top:50%;left:50%;width:400px;height:400px;margin:-200px 0 0 -200px;background:radial-gradient(circle,rgba(245,158,11,.15) 0%,transparent 70%);border-radius:50%;filter:blur(60px)}section{padding:5rem 2rem;max-width:1100px;margin:0 auto}.section-title{font-size:1.75rem;font-weight:600;margin-bottom:2rem;letter-spacing:-.02em}.about{background:var(--bg-elevated)}.about-content{display:grid;gap:2rem}@media(min-width:768px){.about-content{grid-template-columns:1fr auto;align-items:start}}.about-text p{margin:0 0 1rem;color:var(--text-muted);font-size:1.05rem}.about-text p:last-child{margin-bottom:0}.about-highlights{display:flex;flex-wrap:wrap;gap:2rem}.highlight{text-align:center}.highlight-value{display:block;font-size:2rem;font-weight:700;color:var(--accent)}.highlight-label{font-size:.9rem;color:var(--text-muted)}.projects-grid{display:grid;gap:1.5rem}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .2s,transform .2s}.project-card:hover{border-color:#f59e0b4d;transform:translateY(-2px)}.project-card h3{font-size:1.15rem;margin:0 0 .5rem}.project-card p{font-size:.95rem;color:var(--text-muted);margin:0 0 1rem;line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{font-size:.75rem;padding:.25rem .6rem;background:#f59e0b26;color:var(--accent);border-radius:4px}.project-link{font-size:.9rem;font-weight:500}.skills{background:var(--bg-elevated)}.skills-grid{display:grid;gap:1.5rem}@media(min-width:640px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skill-group{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.skill-group h3{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--accent)}.skill-group ul{list-style:none;margin:0;padding:0}.skill-group li{padding:.35rem 0;color:var(--text-muted);font-size:.95rem}.contact{text-align:center}.contact-desc{color:var(--text-muted);margin-bottom:1.5rem;max-width:480px;margin-left:auto;margin-right:auto}.contact-resume{display:inline-block;margin-bottom:2rem;font-weight:600;padding:.6rem 1.2rem;border-radius:8px;border:1px solid var(--accent);color:var(--accent)!important;transition:all .2s}.contact-resume:hover{background:#f59e0b26}.contact-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.contact-link{font-weight:500;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;transition:all .2s}.contact-link:hover{border-color:var(--accent);color:var(--accent)!important}.footer{padding:2rem;text-align:center;border-top:1px solid var(--border)}.footer p{margin:0;font-size:.9rem;color:var(--text-muted)}