@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #050505;--card-bg: #0c0c0e;--accent-color: #ffffff;--muted-color: #a1a1aa;--indigo-500: #6366f1;--border-color: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--accent-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.02) 1px,transparent 0);background-size:32px 32px;z-index:-1}.container{max-width:1140px;margin:0 auto;padding:0 32px}h1{font-size:clamp(38px,5.5vw,64px);font-weight:800;letter-spacing:-.05em;line-height:1.05;margin-bottom:24px}h2{font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}h3{font-size:20px;font-weight:700;margin-bottom:8px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-subtle{color:var(--muted-color);font-size:16px;max-width:600px}.text-indigo{color:var(--indigo-500)}.header{padding:24px 0;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:800;font-size:20px;letter-spacing:-.03em}.nav{display:flex;gap:32px}.nav-link{font-size:13px;font-weight:600;color:var(--muted-color);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:var(--accent-color)}.hero{display:flex;align-items:center;gap:60px;padding:60px 0 100px}.hero-content{flex:1}.hero-label{display:inline-block;padding:4px 12px;background:#6366f11a;color:var(--indigo-500);border:1px solid rgba(99,102,241,.2);border-radius:100px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px}.hero-image-container{flex-shrink:0;width:400px}.frame{width:100%;aspect-ratio:4/5;background-color:#08080a;border:1px solid var(--border-color);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.frame img{width:100%;height:100%;object-fit:cover}.skills-section{padding-bottom:100px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-category{background:var(--card-bg);border:1px solid var(--border-color);padding:32px;border-radius:24px}.skill-list{list-style:none;margin-top:24px}.skill-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:14px;color:var(--muted-color)}.projects-section{padding-bottom:100px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project-card{grid-column:span 6;background:var(--card-bg);border:1px solid var(--border-color);padding:40px;border-radius:32px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;text-decoration:none;color:inherit;min-height:400px}.project-card:hover{border-color:#ffffff26}.project-card.full{grid-column:span 12;min-height:auto;padding:48px}.project-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.project-tags{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:11px;font-weight:600;padding:4px 10px;background:#ffffff08;border:1px solid var(--border-color);border-radius:6px;text-transform:uppercase;color:var(--muted-color)}.btn-group{display:flex;gap:12px;margin-top:32px}.btn{padding:14px 28px;border-radius:10px;font-weight:700;font-size:15px;text-decoration:none;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn-solid{background-color:var(--accent-color);color:var(--bg-color)}.btn-outline{border:1px solid var(--border-color);color:var(--accent-color)}.footer{padding:48px 0;border-top:1px solid var(--border-color);text-align:center}.footer-text{font-size:11px;font-weight:500;color:var(--muted-color);text-transform:uppercase;letter-spacing:.1em}@media(max-width:1024px){.hero{flex-direction:column;text-align:center;gap:40px;padding:40px 0 80px}.hero-image-container{width:100%;max-width:380px}.hero-bio{margin:0 auto}.btn-group{justify-content:center}.skills-grid{grid-template-columns:1fr}.project-card{grid-column:span 12;padding:32px}}