:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-secondary: #7c3aed;--color-secondary-dark: #6d28d9;--color-accent: #ea580c;--color-accent-dark: #dc2626;--color-success: #059669;--color-warning: #d97706;--color-error: #dc2626;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,sans-serif;line-height:1.6;scroll-behavior:smooth}body{background-color:var(--color-neutral-50);color:var(--color-neutral-800);min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--color-neutral-200);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{text-decoration:none;color:var(--color-primary);font-weight:700;font-size:1.5rem}.logo-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;gap:var(--spacing-xl);align-items:center}.nav-link{text-decoration:none;color:var(--color-neutral-700);font-weight:500;transition:color .2s ease;position:relative}.nav-link:hover{color:var(--color-primary)}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:-8px;left:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.bar{width:25px;height:3px;background-color:var(--color-neutral-700);transition:.3s;border-radius:2px}.nav-toggle.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.footer{background:var(--color-neutral-900);color:var(--color-neutral-300);margin-top:var(--spacing-3xl)}.footer-container{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section h3{color:#fff;margin-bottom:var(--spacing-md);font-size:1.25rem}.footer-section h4{color:var(--color-neutral-200);margin-bottom:var(--spacing-md);font-size:1.1rem}.footer-section p{line-height:1.6;color:var(--color-neutral-400)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section ul li a{color:var(--color-neutral-400);text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:var(--color-primary)}.footer-bottom{border-top:1px solid var(--color-neutral-800);padding-top:var(--spacing-lg);text-align:center;color:var(--color-neutral-500)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn-secondary:hover{background:var(--color-neutral-200);transform:translateY(-1px)}.section{padding:var(--spacing-3xl) 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-neutral-900),var(--color-neutral-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.25rem;text-align:center;color:var(--color-neutral-600);margin-bottom:var(--spacing-3xl);max-width:600px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:#fffffffa;backdrop-filter:blur(10px);width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow-lg);padding:var(--spacing-lg) 0;gap:var(--spacing-lg)}.nav-menu.active{left:0}.nav-toggle{display:flex}.section-title{font-size:2rem}.container{padding:0 var(--spacing-md)}}@media (max-width: 480px){.section-title{font-size:1.75rem}.btn{padding:10px 20px;font-size:.9rem}}