:root{--primary-color: #4ecdc4;--primary-dark: #3aa99f;--primary-light: #7dd3db;--background: #1a1a2e;--surface: #16213e;--surface-variant: #2c3e50;--surface-hover: #34495e;--text-primary: #f8f8f2;--text-secondary: #bdc3c7;--text-inverse: #1a1a2e;--accent: #2ecc71;--warning: #f39c12;--error: #e74c3c;--success: #27ae60;--water-excellent: #2ecc71;--water-good: #3498db;--water-warning: #f39c12;--water-critical: #e74c3c;--vt-c-white: var(--text-primary);--vt-c-white-soft: var(--surface);--vt-c-white-mute: var(--surface-variant);--vt-c-black: var(--background);--vt-c-black-soft: var(--surface);--vt-c-black-mute: var(--surface-variant);--vt-c-indigo: var(--primary-color);--vt-c-divider-light-1: rgba(79, 205, 196, .29);--vt-c-divider-light-2: rgba(79, 205, 196, .12);--vt-c-divider-dark-1: rgba(189, 195, 199, .65);--vt-c-divider-dark-2: rgba(189, 195, 199, .48);--vt-c-text-light-1: var(--text-primary);--vt-c-text-light-2: var(--text-secondary);--vt-c-text-dark-1: var(--text-primary);--vt-c-text-dark-2: var(--text-secondary)}:root{--color-background: var(--background);--color-background-soft: var(--surface);--color-background-mute: var(--surface-variant);--color-border: rgba(79, 205, 196, .2);--color-border-hover: rgba(79, 205, 196, .4);--color-heading: var(--text-primary);--color-text: var(--text-secondary);--color-primary: var(--primary-color);--color-primary-hover: var(--primary-dark);--color-accent: var(--accent);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html{line-height:1.6;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--background) 0%,#0f172a 100%);min-height:100vh}body{min-height:100vh;color:var(--color-text);background:transparent;transition:color .3s ease,background-color .3s ease;line-height:1.6;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400;color:var(--text-primary)}a,.aqua-link{text-decoration:none;color:var(--primary-color);transition:all .3s ease;padding:3px 6px;border-radius:4px}@media (hover: hover){a:hover,.aqua-link:hover{background-color:#4fcdc426;color:var(--primary-light);transform:translateY(-1px)}}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-inverse);border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4fcdc44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4fcdc466}.water-card{background:var(--surface);border-radius:12px;padding:1.5rem;border:1px solid var(--color-border);transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.water-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.conservation-highlight{color:var(--accent);font-weight:600}.water-status-excellent{color:var(--water-excellent)}.water-status-good{color:var(--water-good)}.water-status-warning{color:var(--water-warning)}.water-status-critical{color:var(--water-critical)}@media (min-width: 1024px){#app{max-width:1400px;padding:2rem}}#app{min-height:100vh}