:root{--primary-green: #5FD4A0;--primary-green-dark: #4AB88C;--primary-green-light: #7FDDB3;--forest-green: #2D5F3F;--earth-brown: #8B7355;--sky-blue: #87CEEB;--navy-dark: #2C3E50;--gray-light: #ECF0F1;--gray-medium: #BDC3C7;--white: #FFFFFF;--text-dark: #2C3E50;--text-light: #7F8C8D;--text-muted: #95A5A6;--font-primary: "Inter", "Segoe UI", -apple-system, sans-serif;--font-heading: "Poppins", "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-xl: 0 20px 25px rgba(0,0,0,.15);--transition-base: all .2s ease-in-out}body{background-color:var(--navy-dark)}.btn-primary{background-color:var(--primary-green);color:var(--white);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base)}.btn-primary:hover{background-color:var(--primary-green-dark)}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-3);background-color:var(--primary-green-light);color:var(--text-dark);font-weight:var(--font-semibold)}.card-body{padding:var(--space-3)}.card-text{color:var(--text-muted)}.navbar{background-color:var(--navy-dark);color:var(--white);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm)}.navbar a{color:var(--white);margin-right:var(--space-4);text-decoration:none;transition:var(--transition-base)}.navbar a:hover{color:var(--primary-green)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}