:root{--brand-green: #10B981;--primary-white: #FFFFFF;--slate-900: #1A202C;--slate-850: #1F2937;--slate-800: #2D3748;--slate-700: #374151;--gray-50: #F9FAFB;--gray-200: #E5E7EB;--gray-400: #9CA3AF;--gray-500: #6B7280;--violet-600: #7C3AED;--blue-500: #3B82F6;--amber-500: #F59E0B;--red-600: #DC2626;--red-500: #EF4444;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-size-6xl: 48px;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-out;--button-height-sm: 40px;--button-height-md: 44px;--button-height-lg: 48px;--button-height-xl: 52px;--button-height-2xl: 56px;--breakpoint-mobile: 767px;--breakpoint-tablet: 1023px;--breakpoint-desktop: 1439px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:1.5;color:var(--gray-200);background-color:var(--slate-900);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;color:var(--primary-white);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-4);color:var(--gray-200)}a{color:var(--brand-green);text-decoration:none;transition:color var(--transition-base)}a:hover{color:#059669}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-6)}.container-wide{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--spacing-6)}.section{padding:var(--spacing-12) 0}.section-lg{padding:calc(var(--spacing-12) * 1.5) 0}.text-center{text-align:center}.text-white{color:var(--primary-white)}.text-gray{color:var(--gray-400)}.text-green{color:var(--brand-green)}.card{background-color:var(--slate-800);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-md);transition:transform var(--transition-slow),box-shadow var(--transition-slow)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-6);height:var(--button-height-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--brand-green);color:var(--primary-white)}.btn-primary:hover{background-color:#059669;color:var(--primary-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.98)}.btn-lg{height:var(--button-height-xl);font-size:var(--font-size-lg);padding:0 var(--spacing-8)}.btn-secondary{background-color:var(--slate-800);color:var(--gray-200);border:1px solid var(--slate-700)}.btn-secondary:hover{background-color:var(--slate-700);color:var(--gray-200)}.grid{display:grid;gap:var(--spacing-4)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media (max-width: 767px){h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.section{padding:var(--spacing-8) 0}.container{padding:0 var(--spacing-4)}}@media (min-width: 768px) and (max-width: 1023px){.grid-4{grid-template-columns:repeat(2,1fr)}}