*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #000000;--color-secondary: #1d1d1f;--color-text: #1d1d1f;--color-text-secondary: #6e6e73;--color-background: #ffffff;--color-background-secondary: #f5f5f7;--color-accent: #0071e3;--color-border: #d2d2d7;--font-family-primary: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-secondary: "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px;--spacing-3xl: 96px;--border-radius: 18px;--border-radius-sm: 12px}body{font-family:var(--font-family-secondary);font-size:17px;line-height:1.47;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nav-bar{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.8);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-border);z-index:1000;height:44px}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:100%}.nav-brand a{font-family:var(--font-family-primary);font-size:18px;font-weight:600;color:var(--color-primary);text-decoration:none}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-links a{font-size:14px;font-weight:400;color:var(--color-text);text-decoration:none;transition:color 0.3s ease}.nav-links a:hover{color:var(--color-accent)}.main-content{padding-top:44px;min-height:calc(100vh - 44px)}.hero-section{padding:var(--spacing-3xl) var(--spacing-md);text-align:center;background:linear-gradient(135deg, var(--color-background) 0%, var(--color-background-secondary) 100%);min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-title{font-family:var(--font-family-primary);font-size:clamp(48px, 8vw, 80px);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);letter-spacing:-0.02em}.hero-subtitle{font-family:var(--font-family-primary);font-size:clamp(24px, 4vw, 32px);font-weight:400;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:800px;line-height:1.2}.hero-buttons{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.hero-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-secondary);font-size:17px;font-weight:500;text-decoration:none;border-radius:var(--border-radius);transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.linkedin-button{background:#0077b5;color:white;border:2px solid #0077b5}.linkedin-button:hover{background:#005885;border-color:#005885;transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,119,181,0.3);text-decoration:none;color:white}.hero-button svg{flex-shrink:0}.content-section{max-width:1200px;margin:0 auto;padding:var(--spacing-xxl) var(--spacing-md)}.section-title{font-family:var(--font-family-primary);font-size:clamp(32px, 5vw, 48px);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xl);text-align:center}.section-content{max-width:800px;margin:0 auto;font-size:19px;line-height:1.6;color:var(--color-text)}.section-content p{margin-bottom:var(--spacing-md)}.card-section{background:var(--color-background);border:1px solid rgba(0,0,0,0.06);border-radius:var(--border-radius);padding:var(--spacing-xl);margin:var(--spacing-xl) 0;box-shadow:0 4px 20px rgba(0,0,0,0.04);transition:box-shadow 0.3s ease, transform 0.2s ease}.card-section:hover{box-shadow:0 8px 30px rgba(0,0,0,0.08);transform:translateY(-2px)}.card-title{font-family:var(--font-family-primary);font-size:28px;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md)}.feature-list{list-style:none;margin:var(--spacing-md) 0;display:grid;gap:var(--spacing-sm)}.feature-list li{padding:var(--spacing-sm) var(--spacing-md);font-size:17px;color:var(--color-text);background:rgba(245,245,247,0.6);border-radius:var(--border-radius-sm);transition:background-color 0.3s ease, transform 0.2s ease}.feature-list li:hover{background:#f5f5f7;transform:translateY(-1px)}.feature-list strong{color:var(--color-primary);font-weight:600}.clean-list{list-style:none;margin:var(--spacing-md) 0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.clean-list li{padding:var(--spacing-xs) 0;font-size:17px;color:var(--color-text);display:flex;align-items:center}.clean-list li::before{content:"•";color:var(--color-accent);font-weight:bold;width:20px;margin-right:var(--spacing-xs)}a{color:var(--color-accent);text-decoration:none;transition:all 0.3s ease}a:hover{text-decoration:underline}.footer{background:var(--color-background-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0;margin-top:var(--spacing-3xl)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.footer-links a{font-size:14px;color:var(--color-text-secondary)}.footer-copyright p{font-size:12px;color:var(--color-text-secondary)}@media (max-width: 768px){.nav-links{display:none}.hero-section{padding:var(--spacing-xxl) var(--spacing-sm)}.content-section{padding:var(--spacing-xl) var(--spacing-sm)}.card-section{margin:var(--spacing-md) var(--spacing-sm);padding:var(--spacing-md)}.footer-links{flex-direction:column;gap:var(--spacing-sm)}}html{scroll-behavior:smooth}.github-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.github-stat-item{text-align:center;padding:var(--spacing-md);background:rgba(245,245,247,0.6);border-radius:var(--border-radius-sm);transition:background-color 0.3s ease}.github-stat-item:hover{background:#f5f5f7}.stat-number{font-family:var(--font-family-primary);font-size:36px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.github-contributions{text-align:center;margin:var(--spacing-xl) 0}.github-contributions img{border-radius:var(--border-radius-sm);box-shadow:0 4px 20px rgba(0,0,0,0.04)}.github-links{text-align:center;margin-top:var(--spacing-md)}.github-button{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:white;text-decoration:none;border-radius:var(--border-radius-sm);font-weight:500;transition:background-color 0.3s ease, transform 0.2s ease}.github-button:hover{background:#005bb5;transform:translateY(-1px);text-decoration:none;color:white}*:focus{outline:2px solid var(--color-accent);outline-offset:2px}