@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2563eb;--primary-dark:#1e40af;--primary-light:#3b82f6;--secondary-color:#0f172a;--accent-color:#06b6d4;--text-dark:#1e293b;--text-medium:#475569;--text-light:#64748b;--bg-light:#f8fafc;--bg-white:#ffffff;--border-color:#e2e8f0;--gradient-1:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);--font-primary:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-size-base:16px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:var(--font-primary);color:var(--text-dark);line-height:1.6;overflow-x:hidden;background-color:var(--bg-white)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media (max-width:768px){.container{padding:0 var(--spacing-md)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-dark)}h1,p{margin-bottom:var(--spacing-md)}h1{font-size:3rem}h2{font-size:2.5rem;margin-bottom:var(--spacing-lg)}h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}p{color:var(--text-medium)}.lead{font-size:1.25rem;font-weight:500;color:var(--text-dark)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.875rem}h3{font-size:1.25rem}}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;transition:all var(--transition-base)}.nav-menu,.navbar .container{display:flex;align-items:center}.navbar .container{justify-content:space-between;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.nav-brand a,.nav-menu li a{text-decoration:none;transition:color var(--transition-fast)}.nav-brand a{font-size:1.5rem;font-weight:700;color:var(--text-dark)}.nav-brand a:hover{color:var(--primary-color)}.nav-menu{list-style:none;gap:var(--spacing-lg)}.nav-menu li a{color:var(--text-medium);font-weight:500;position:relative}.nav-menu li a:not(.cta-button):hover{color:var(--primary-color)}.nav-menu li a:not(.cta-button)::after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-base)}.nav-menu li a:not(.cta-button):hover::after{width:100%}.nav-menu .cta-button{background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-menu .cta-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:var(--text-dark);border-radius:3px;transition:all var(--transition-base)}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#fff;width:100%;text-align:center;transition:left var(--transition-base);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)0;gap:var(--spacing-md)}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);opacity:.05;z-index:-1}.hero-background::before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.1)0,transparent 70%);border-radius:50%}.hero-content{max-width:800px;padding:var(--spacing-3xl)0}.hero-title,.service-card h3{margin-bottom:var(--spacing-md)}.hero-title{font-size:4rem;font-weight:800;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle{font-size:1.25rem;color:var(--text-medium);margin-bottom:var(--spacing-xl);max-width:700px}.hero-cta{display:flex;gap:var(--spacing-md);flex-wrap:wrap}@media (max-width:768px){.hero{min-height:80vh}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-cta{flex-direction:column}}.about-image img,.button{transition:all var(--transition-base)}.button{display:inline-block;padding:.875rem 2rem;font-weight:600;text-decoration:none;border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;font-size:1rem}.button-primary{background:var(--primary-color);color:#fff}.button-primary:hover,.button-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:0 0;color:var(--primary-color);border-color:var(--primary-color)}.button-secondary:hover{background:var(--primary-color);color:#fff}.section{padding:var(--spacing-3xl)0}.section-light{background:var(--bg-light)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-header h2{margin-bottom:var(--spacing-sm)}.section-divider{width:80px;height:4px;background:var(--gradient-2);margin:0 auto var(--spacing-md);border-radius:2px}.section-description{font-size:1.125rem;color:var(--text-medium);max-width:600px;margin:0 auto}.about-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);align-items:start}.about-image{position:relative}.about-image img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:4px solid #fff}.about-image::before{content:"";position:absolute;top:-10px;left:-10px;right:10px;bottom:10px;background:var(--gradient-2);border-radius:var(--radius-xl);z-index:-1;opacity:.3}.about-image:hover img{transform:translateY(-5px);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.about-text{font-size:1.125rem}.about-text p{margin-bottom:var(--spacing-lg)}@media (max-width:768px){.about-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.about-image{max-width:250px;margin:0 auto}}.quote{background:#fff;border-left:4px solid var(--primary-color);padding:var(--spacing-lg);margin:var(--spacing-xl)0;font-size:1.25rem;font-weight:500;font-style:italic;color:var(--text-dark);box-shadow:var(--shadow-md);border-radius:var(--radius-md)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.service-card,.service-icon{border-radius:var(--radius-lg);transition:all var(--transition-base)}.service-card{background:#fff;padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.service-icon{width:60px;height:60px;background:var(--gradient-2);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-icon svg{width:32px;height:32px;color:#fff}.service-card h3{color:var(--text-dark);font-size:1.375rem}.service-card p{color:var(--text-medium);line-height:1.7;margin-bottom:0}@media (max-width:768px){.services-grid{grid-template-columns:1fr}}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.skill-category{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.contact-card h3,.skill-category h3{color:var(--text-dark);font-size:1.25rem}.skill-category h3{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.skills-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skill-tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-light);color:var(--primary-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);border:1px solid var(--border-color)}.skill-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-sm)}@media (max-width:768px){.skills-container{grid-template-columns:1fr}}.section-contact{background:linear-gradient(135deg,rgba(37,99,235,.05)0,rgba(6,182,212,.05) 100%)}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl);max-width:1000px;margin-left:auto;margin-right:auto}.contact-card,.contact-icon{transition:all var(--transition-base)}.contact-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;border:2px solid transparent}.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.contact-icon{width:70px;height:70px;background:var(--gradient-2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-md)}.contact-card:hover .contact-icon{transform:scale(1.1) rotate(10deg)}.contact-icon svg{width:36px;height:36px;color:#fff}.contact-card h3{margin-bottom:var(--spacing-sm)}.contact-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:1.125rem;transition:all var(--transition-fast);position:relative}.contact-link:hover{color:var(--primary-dark)}.contact-link::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary-color);transition:width var(--transition-base)}.contact-link:hover::after{width:100%}@media (max-width:768px){.contact-content{grid-template-columns:1fr}}.footer{background:var(--secondary-color);color:#fff;padding:var(--spacing-lg)0;text-align:center}.footer-content p{margin:0;color:rgba(255,255,255,.7)}.fade-in-up{animation:fadeInUp .6s ease-out}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}@media (prefers-reduced-motion:no-preference){.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}}