.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height)}.hero-greeting{font-family:var(--font-mono);color:var(--accent);font-size:var(--font-size-base);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.hero-greeting:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent)}.hero-title{color:var(--text-secondary);font-size:1.5rem;font-weight:400;margin-bottom:var(--space-xl)}.hero-tagline{color:var(--text-muted);max-width:540px;margin-bottom:var(--space-3xl);font-size:1.1rem}.cta-group{display:flex;gap:var(--space-lg);flex-wrap:wrap}.about-text{color:var(--text-secondary);font-size:1.05rem}.about-text p{margin-bottom:var(--space-xl)}.timeline-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.timeline-company{font-weight:500;color:var(--text-primary)}.timeline-period{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);background:var(--bg-tertiary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.timeline-role{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--space-md)}.timeline-description{color:var(--text-muted);font-size:.925rem;margin-bottom:var(--space-lg)}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.skill-category{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--duration-slow) var(--ease-smooth)}.skill-category:hover{border-color:var(--border-hover);transform:translateY(-2px)}.skill-category h4{color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-lg)}.skill-list{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-item{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.skill-item:before{content:"→";color:var(--accent);opacity:0;transform:translate(-8px);transition:all var(--duration-fast) var(--ease-smooth)}.skill-item:hover:before{opacity:1;transform:translate(0)}.blog-grid{display:grid;gap:var(--space-lg)}.blog-card{display:block;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);text-decoration:none;transition:all var(--duration-slow) var(--ease-smooth)}.blog-card:hover{border-color:var(--border-hover);transform:translate(4px);box-shadow:-4px 0 0 var(--accent);text-decoration:none}.blog-card h3{color:var(--text-primary);margin-bottom:var(--space-sm);transition:color var(--duration-fast) var(--ease-smooth)}.blog-card:hover h3{color:var(--accent)}.blog-card p{color:var(--text-muted);font-size:.925rem;margin:0}.blog-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.blog-date{font-size:.8rem;color:var(--text-muted)}.projects-grid{display:grid;gap:var(--space-lg)}.project-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-xl);transition:all var(--duration-slow) var(--ease-smooth)}.project-card:hover{border-color:var(--border-hover)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.project-name{font-weight:500;color:var(--text-primary)}.project-link{color:var(--accent);text-decoration:none;font-family:var(--font-mono);font-size:.8rem;display:flex;align-items:center;gap:2px;opacity:.8;transition:opacity var(--duration-fast) var(--ease-smooth)}.project-link:hover{opacity:1;text-decoration:none}.project-link:after{content:"↗"}.project-card p{color:var(--text-muted);font-size:.925rem;margin-bottom:var(--space-lg)}.contact-content{text-align:center;max-width:480px;margin:0 auto}.contact-content .section-header{justify-content:center}.contact-content h2{margin-bottom:var(--space-lg)}.contact-content p{color:var(--text-muted);margin-bottom:var(--space-2xl)}.contact-email{font-family:var(--font-mono);font-size:1.125rem;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg) var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--duration-slow) var(--ease-smooth)}.contact-email:hover{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow);text-decoration:none}.contact-email:before{content:"→"}.timeline-item,.skill-category,.blog-card,.project-card{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slower) var(--ease-organic),transform var(--duration-slower) var(--ease-organic)}.timeline-item.revealed,.skill-category.revealed,.blog-card.revealed,.project-card.revealed{opacity:1;transform:translateY(0)}@media(max-width:768px){.hero{padding-top:calc(var(--header-height) + var(--space-xl))}.skills-grid{grid-template-columns:1fr}nav{gap:var(--space-md)}}