@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0;min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2c3e50;--secondary-color: #e74c3c;--accent-color: #f39c12;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--background-light: #ecf0f1;--background-white: #ffffff;--border-color: #bdc3c7;--dark-primary: #1a252f;--dark-secondary: #0f1419;--dark-surface: #243447;--highlight-green: #27ae60;--highlight-blue: #3498db;--highlight-teal: #1abc9c;--highlight-green-light: rgba(39, 174, 96, .1);--highlight-blue-light: rgba(52, 152, 219, .1);--highlight-teal-light: rgba(26, 188, 156, .1);--font-primary: "Fira Code", "Monaco", "Consolas", monospace;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 4rem;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--bg-secondary: var(--gray2);--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 25px rgba(0, 0, 0, .15);--shadow-green: 0 4px 20px rgba(39, 174, 96, .3);--shadow-blue: 0 4px 20px rgba(52, 152, 219, .3);--shadow-teal: 0 4px 20px rgba(26, 188, 156, .3);--shadow-dark: 0 8px 30px rgba(15, 20, 25, .4)}body{font-family:var(--font-primary);line-height:1.6;color:var(--text-primary);background-color:var(--background-white)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header{background:linear-gradient(135deg,var(--dark-primary) 0%,var(--dark-secondary) 100%);border-bottom:3px solid var(--highlight-teal);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-dark)}.header .container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.logo h2{color:var(--background-white);font-weight:var(--font-weight-bold);font-size:1.5rem;margin-bottom:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo-subtitle{color:var(--highlight-teal);font-size:.9rem;font-weight:var(--font-weight-medium);margin:0}.nav{display:flex;gap:var(--spacing-lg)}.nav a{color:var(--background-white);text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);transition:all .3s ease;border:1px solid transparent}.nav a:hover{background-color:var(--highlight-green);color:#fff;transform:translateY(-2px);border:1px solid var(--highlight-green);box-shadow:var(--shadow-green)}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,#34495e 100%);color:#fff;padding:var(--spacing-xxl) 0;text-align:center}.hero-content h1{font-size:3.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);line-height:1.2}.hero-subtitle{font-size:1.25rem;max-width:700px;margin:0 auto var(--spacing-xl) auto;color:#ecf0f1;line-height:1.7}.hero-cta{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius-lg);font-size:1.1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-primary{background-color:var(--secondary-color);color:#fff}.cta-primary:hover{background-color:#c0392b;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cta-secondary{background-color:transparent;color:#fff;border:2px solid white}.cta-secondary:hover{background-color:#fff;color:var(--primary-color);transform:translateY(-3px)}.services{padding:var(--spacing-xxl) 0;background-color:var(--background-light)}.services h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-xl)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.service-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all .4s ease;border-left:4px solid var(--highlight-blue);cursor:pointer;overflow:hidden;position:relative}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--highlight-green),var(--highlight-blue),var(--highlight-teal));transform:scaleX(0);transition:transform .4s ease}.service-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:var(--shadow-teal);border-left:6px solid var(--highlight-teal);background:linear-gradient(135deg,white 0%,var(--highlight-blue-light) 100%)}.service-card:hover:before{transform:scaleX(1)}.service-card h3{color:var(--dark-primary);font-size:1.5rem;margin-bottom:var(--spacing-md);transition:color .3s ease}.service-card:hover h3{color:var(--highlight-green);text-shadow:0 2px 4px rgba(39,174,96,.2)}.service-card p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.7}.service-features{list-style:none;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease;transform:translateY(-10px)}.service-card:hover .service-features{max-height:500px;opacity:1;transform:translateY(0);margin-top:var(--spacing-md)}.service-features li{padding:var(--spacing-xs) 0;color:var(--text-secondary);position:relative;padding-left:var(--spacing-md);transition:all .2s ease}.service-features li:before{content:"✓";color:var(--secondary-color);font-weight:700;position:absolute;left:0}.service-card:hover .service-features li{color:var(--text-primary)}.about{padding:var(--spacing-xxl) 0}.about h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-xl)}.about-text{max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.8}.about-text p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.resume-link{text-align:center;margin-top:var(--spacing-xl)}.resume-cta{display:inline-block;background-color:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;border-radius:var(--border-radius-lg);font-weight:var(--font-weight-medium);transition:all .3s ease}.resume-cta:hover{background-color:#1a252f;transform:translateY(-3px);box-shadow:var(--shadow-lg)}.contact{padding:var(--spacing-xxl) 0;background-color:var(--background-light);scroll-margin-top:80px}.contact h2{text-align:center;font-size:2.5rem;color:var(--primary-color);margin-bottom:var(--spacing-xl)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:start}.contact-info h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.contact-info p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.contact-details p{margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium)}.contact-form{background:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color)}.form-status{padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);text-align:center;font-weight:var(--font-weight-medium)}.form-status.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-status.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.submit-btn{width:100%;background-color:var(--secondary-color);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-lg);font-size:1.1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){background-color:#c0392b;transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-btn:disabled{background-color:var(--border-color);cursor:not-allowed;transform:none}.footer{background:linear-gradient(135deg,var(--dark-secondary) 0%,var(--dark-primary) 100%);color:#fff;padding:var(--spacing-xl) 0 var(--spacing-lg) 0;border-top:3px solid var(--highlight-blue);box-shadow:0 -4px 20px #0000004d}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h4{margin-bottom:var(--spacing-md);color:var(--highlight-teal);text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-section p{color:#fffc;line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-xs)}.footer-section ul li a{color:#ffffffb3;text-decoration:none;transition:all .3s ease;padding:2px 4px;border-radius:4px}.footer-section ul li a:hover{color:var(--highlight-green);background-color:#27ae601a;transform:translate(4px)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--dark-surface);color:#fff9}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.header .container{flex-direction:column;gap:var(--spacing-md)}.nav{gap:var(--spacing-md)}.hero-content h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:300px}.services-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.hero-content h1,.services h2,.about h2,.contact h2{font-size:2rem}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.pricing-card{background:var(--normal-bg);border:1px solid var(--normal-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;padding:var(--spacing-lg);transition:transform .4s ease,box-shadow .2s ease;position:relative;display:flex;flex-direction:column;height:100%}.pricing-card,.pricing-card *,.pricing-card h3,.pricing-card p,.pricing-card span,.pricing-card li{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0,"clig" 0,"dlig" 0,"hlig" 0!important;text-rendering:optimizeSpeed!important}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.pricing-card-popular{border-color:var(--highlight-blue);transform:scale(1.02)}.pricing-card-popular:hover{transform:translateY(-4px) scale(1.02)}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--highlight-blue);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;font-weight:var(--font-weight-medium)}.pricing-header{text-align:center;margin-bottom:var(--spacing-lg)}.pricing-header h3{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--normal-text);margin-bottom:var(--spacing-sm)}.pricing-price{margin-bottom:var(--spacing-md)}.price-amount{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--highlight-blue)}.price-duration{font-size:1rem;color:var(--gray11);font-weight:var(--font-weight-normal)}.dual-pricing{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.price-tier{display:flex;flex-direction:column;align-items:center}.price-tier .price-amount{font-size:2rem;margin-bottom:4px}.price-label{font-size:.8rem;color:var(--gray11);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.price-divider{font-size:1rem;color:var(--gray11);font-weight:var(--font-weight-medium);margin:0 var(--spacing-xs)}.pricing-description{color:var(--gray11);line-height:1.6;font-size:.95rem}.pricing-features{flex-grow:1;margin-bottom:var(--spacing-lg)}.pricing-features ul{list-style:none;padding:0}.pricing-features li{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--gray3);color:var(--normal-text);line-height:1.5;position:relative;padding-left:var(--spacing-md)}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--highlight-green);font-weight:var(--font-weight-bold)}.pricing-features li:last-child{border-bottom:none}.pricing-cta{background:var(--highlight-blue);color:#fff;border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;font-family:var(--font-primary)}.pricing-cta:hover{background:#2980b9;transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.pricing-card-popular .pricing-cta{background:var(--highlight-green)}.pricing-card-popular .pricing-cta:hover{background:#229954;box-shadow:0 4px 12px #27ae604d}.consulting-card{background:var(--normal-bg);border:1px solid var(--normal-border);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform .3s ease,box-shadow .2s ease}.consulting-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.resume-tiers{display:flex;flex-direction:column;gap:var(--spacing-md)}.tier-section{padding:var(--spacing-sm);border-radius:6px;border:1px solid var(--gray3)}.tier-section.tier{background:var(--gray1);border-left:4px solid var(--highlight-blue)}.tier-section.shared{background:var(--highlight-green-light);border-left:4px solid var(--highlight-green)}.tier-title{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--normal-text);margin:0 0 var(--spacing-xs) 0}.tier-section.tier .tier-title{color:var(--highlight-blue)}.tier-section.shared .tier-title{color:var(--highlight-green)}.tier-section ul{list-style:none;padding:0;margin:0}.tier-section li{padding:var(--spacing-xs) 0;color:var(--normal-text);line-height:1.4;font-size:.9rem}.tier-section li:before{content:"•";color:var(--gray11);margin-right:var(--spacing-xs)}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.pricing-card-popular{transform:none}.pricing-card-popular:hover{transform:translateY(-4px)}.price-amount{font-size:2rem}}
