*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2c6faa;--color-primary-dark:#1d4f7a;--color-accent:#e8913a;--color-bg:#f7f4ef;--color-card:#fff;--color-text:#333;--color-text-light:#666;--color-border:#ddd;--radius:8px;--shadow:0 2px 8px #00000014;--max-width:1100px}html{font-size:16px}body{color:var(--color-text);background:var(--color-bg);min-height:100vh;font-family:Segoe UI,Arial,Helvetica,sans-serif;line-height:1.6}.site-header{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;text-align:center;padding:1.5rem 1rem}.header-inner{max-width:var(--max-width);margin:0 auto}.logo{margin-bottom:.25rem;font-size:2rem}.tagline{opacity:.85;font-size:.95rem}.site-nav{max-width:var(--max-width);flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;margin-left:auto;margin-right:auto;display:flex}.nav-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;padding:.5rem 1.25rem;font-size:.95rem;transition:background .2s}.nav-btn:hover{background:#ffffff40}.nav-btn.active{color:var(--color-primary);background:#fff;border-color:#fff;font-weight:600}.hero{text-align:center;background:linear-gradient(135deg,#e8f0f8,#d4e4f0);padding:3rem 1rem}.hero-content{max-width:700px;margin:0 auto}.hero h2{color:var(--color-primary-dark);margin-bottom:1rem;font-size:2rem}.hero p{color:var(--color-text-light);margin-bottom:1.5rem;font-size:1.1rem}.cta-btn{background:var(--color-accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1.05rem;transition:background .2s}.cta-btn:hover{background:#d17a28}.features{max-width:var(--max-width);margin:0 auto;padding:3rem 1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.feature-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:2rem 1.5rem}.feature-icon{margin-bottom:.75rem;font-size:2.5rem;display:block}.feature-card h3{color:var(--color-primary);margin-bottom:.5rem}.feature-card p{color:var(--color-text-light);font-size:.9rem}.services{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.services h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.5rem;font-size:1.75rem}.services-intro{text-align:center;color:var(--color-text-light);margin-bottom:1.5rem}.filter-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-btn{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;transition:all .2s}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.service-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.service-card h3{color:var(--color-primary-dark);margin-bottom:.25rem}.service-category{color:var(--color-primary);background:#e8f0f8;border-radius:12px;margin-bottom:.5rem;padding:.15rem .6rem;font-size:.75rem;display:inline-block}.service-card p{color:var(--color-text-light);margin-bottom:.75rem;font-size:.9rem}.service-meta{color:#999;border-top:1px solid var(--color-border);justify-content:space-between;padding-top:.5rem;font-size:.8rem;display:flex}.no-results{text-align:center;color:var(--color-text-light);padding:2rem}.page-placeholder{text-align:center;color:var(--color-text-light);padding:4rem 1rem}.register,.login{max-width:650px;margin:0 auto;padding:2rem 1rem}.register h2,.login h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.5rem;font-size:1.75rem}.register-intro,.login-intro{text-align:center;color:var(--color-text-light);margin-bottom:2rem}.register-form,.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-group label{color:var(--color-text);font-size:.9rem;font-weight:600}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group select{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2c6faa26}.form-group input::placeholder{color:#aaa}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-error{color:#d32f2f;margin-top:.15rem;font-size:.8rem}.success-msg{color:#2e7d32;text-align:center;border-radius:var(--radius);background:#e8f5e9;padding:.75rem;font-weight:600}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.checkbox-label input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.form-submit{align-self:center;min-width:200px;margin-top:.5rem}.login-success{text-align:center;border-radius:var(--radius);background:#e8f5e9;margin-top:2rem;padding:1.5rem}.auth-badge{opacity:.9;background:#ffffff26;border-radius:12px;margin-top:.25rem;padding:.15rem .75rem;font-size:.85rem;display:inline-block}.rating-section{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.75rem}.rating-stars{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.rating-avg{color:var(--color-primary-dark);font-size:1.1rem;font-weight:700}.stars-display{gap:2px;display:flex}.star{color:#ccc;font-size:1.1rem}.star.filled{color:#f5a623}.rating-count{color:var(--color-text-light);font-size:.8rem}.rate-action{align-items:center;gap:3px;display:flex}.rate-label{color:var(--color-text-light);margin-right:.25rem;font-size:.8rem}.star-btn{cursor:pointer;color:#ccc;background:0 0;border:none;padding:0 1px;font-size:1.2rem;transition:color .15s}.star-btn:hover,.star-btn.active{color:#f5a623}.rate-thanks{color:#2e7d32;margin-top:.3rem;font-size:.8rem;font-style:italic}.site-footer{text-align:center;color:var(--color-text-light);border-top:1px solid var(--color-border);margin-top:2rem;padding:1.5rem;font-size:.85rem}@media (width<=768px){.features-grid,.services-grid{grid-template-columns:1fr}.hero h2{font-size:1.5rem}.hero p{font-size:1rem}.site-nav{gap:.25rem}.nav-btn{padding:.4rem .9rem;font-size:.85rem}}@media (width<=480px){.logo{font-size:1.5rem}.hero{padding:2rem 1rem}.hero h2{font-size:1.25rem}.feature-card{padding:1.25rem}.services-grid{grid-template-columns:1fr}.site-nav{flex-direction:column;align-items:center}.nav-btn{text-align:center;width:80%}.service-meta{flex-direction:column;gap:.25rem}}.skip-link{background:var(--color-primary);color:#fff;z-index:1000;border-radius:0 0 var(--radius) 0;padding:.5rem 1rem;text-decoration:none;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}.hero-title{color:var(--color-primary-dark);margin-bottom:1rem;font-size:2rem;font-weight:700}@media (width<=768px){.hero-title{font-size:1.5rem}}@media (width<=480px){.hero-title{font-size:1.25rem}}.tables-page{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.tables-page h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.25rem;font-size:1.75rem}.tables-intro{text-align:center;color:var(--color-text-light);margin-bottom:2rem}.table-section{margin-bottom:3rem}.table-section h3{color:var(--color-primary);margin-bottom:.75rem;font-size:1.25rem}.table-controls{margin-bottom:.75rem}.table-search{border:1.5px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:350px;padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.table-search:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2c6faa26}.table-wrap{border-radius:var(--radius);border:1px solid var(--color-border);overflow-x:auto}.data-table{border-collapse:collapse;background:var(--color-card);width:100%;font-size:.9rem}.data-table thead{background:var(--color-primary);color:#fff}.data-table th{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:.75rem 1rem}.data-table th:hover{background:var(--color-primary-dark)}.sort-icon{margin-left:.25rem;font-size:.7rem}.data-table td{border-bottom:1px solid var(--color-border);padding:.65rem 1rem}.data-table tbody tr:hover{background:#f0f5fa}.data-table .no-data{text-align:center;color:var(--color-text-light);padding:2rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.pagination button{background:var(--color-card);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;padding:.4rem 1rem;font-size:.85rem}.pagination button:hover:not(:disabled){background:var(--color-primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.contact{max-width:650px;margin:0 auto;padding:2rem 1rem}.contact h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.25rem;font-size:1.75rem}.contact-intro{text-align:center;color:var(--color-text-light);margin-bottom:2rem}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.contact-form textarea{border:1.5px solid var(--color-border);border-radius:var(--radius);resize:vertical;background:var(--color-card);padding:.65rem .85rem;font-family:inherit;font-size:.95rem}.contact-form textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2c6faa26}.form-footer{text-align:center;color:var(--color-text-light);font-size:.9rem}.form-footer a{color:var(--color-primary);font-weight:600}.sent-messages h3{color:var(--color-primary-dark);margin-bottom:.5rem;font-size:1.1rem}.sent-messages ul{padding:0;list-style:none}.sent-messages li{border-bottom:1px solid var(--color-border);padding:.5rem 0;font-size:.9rem}.map-page{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.map-page h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.25rem;font-size:1.75rem}.map-intro{text-align:center;color:var(--color-text-light);margin-bottom:1.5rem}.map-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.map-controls .filter-btn{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem;transition:all .2s}.map-controls .filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.map-feature{margin-bottom:2rem}.map-feature h3{color:var(--color-primary-dark);margin-bottom:.75rem;font-size:1.2rem}.nearby-results p{margin-bottom:.5rem}.nearby-list{padding:0;list-style:none}.nearby-list li{border-bottom:1px solid var(--color-border);padding:.5rem 0;font-size:.9rem}.map-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.map-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.map-card h4{color:var(--color-primary-dark);margin-bottom:.25rem}.map-coords{color:#999;font-family:monospace;font-size:.8rem}.info-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.info-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.info-card h4{color:var(--color-primary-dark);margin-bottom:.5rem}.info-card p{color:var(--color-text-light);margin-bottom:.25rem;font-size:.9rem}.cf-page{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.cf-page h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.25rem;font-size:1.75rem}.cf-intro{text-align:center;color:var(--color-text-light);margin-bottom:2rem}.cf-function{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.cf-function h3{color:var(--color-primary-dark);margin-bottom:.5rem}.cf-function p{color:var(--color-text-light);margin-bottom:.75rem;font-size:.9rem}.cf-result{margin-top:1rem}.cf-json{color:#cdd6f4;border-radius:var(--radius);background:#1e1e2e;max-height:300px;padding:1rem;font-size:.8rem;overflow:auto}.a11y-page{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.a11y-page h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.25rem;font-size:1.75rem}.a11y-intro{text-align:center;color:var(--color-text-light);margin-bottom:2rem}.a11y-checklist{flex-direction:column;gap:1.5rem;display:flex}.a11y-item{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.a11y-item h3{color:var(--color-primary-dark);margin-bottom:.5rem}.a11y-item p{color:var(--color-text-light);font-size:.9rem;line-height:1.7}.a11y-demo{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.a11y-demo input{border:1.5px solid var(--color-border);border-radius:var(--radius);padding:.5rem .75rem;font-size:.9rem}.contrast-swatches{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.swatch{border-radius:var(--radius);padding:.75rem 1rem;font-size:.85rem;font-weight:600}kbd{background:#eee;border:1px solid #ccc;border-radius:3px;padding:.1rem .4rem;font-family:monospace;font-size:.85em}code{background:#f0f0f0;border-radius:3px;padding:.1rem .35rem;font-family:monospace;font-size:.9em}.dashboard{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.dashboard h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.5rem;font-size:1.75rem}.dashboard>p{text-align:center;color:var(--color-text-light);margin-bottom:2rem}.dash-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.dash-card{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.dash-card h3{color:var(--color-primary-dark);margin-bottom:.75rem}.dash-card ul{padding:0;list-style:none}.dash-card li{padding:.4rem 0}.dash-card a{color:var(--color-primary);font-weight:500;text-decoration:none}.dash-card a:hover{text-decoration:underline}.dash-card p{color:var(--color-text-light);margin-bottom:.35rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.dash-grid,.map-grid,.info-grid,.form-row{grid-template-columns:1fr}}html.dark-mode{--color-bg:#1a1a2e;--color-card:#16213e;--color-text:#e0e0e0;--color-text-light:#aaa;--color-border:#333;--shadow:0 2px 8px #0000004d}html.dark-mode .site-header{background:linear-gradient(135deg,#1a3a5c,#0f2440)}html.dark-mode .hero{background:linear-gradient(135deg,#1a1a2e,#16213e)}html.dark-mode .hero-title,html.dark-mode .services h2,html.dark-mode .register h2,html.dark-mode .login h2,html.dark-mode .tables-page h2,html.dark-mode .map-page h2,html.dark-mode .cf-page h2,html.dark-mode .a11y-page h2,html.dark-mode .dashboard h2,html.dark-mode .innovate-page h2,html.dark-mode .contact h2{color:#7eb8da}html.dark-mode .nav-btn.active{color:#e0e0e0;background:#1a3a5c;border-color:#2c6faa}html.dark-mode .filter-btn{background:var(--color-card);color:var(--color-text);border-color:var(--color-border)}html.dark-mode .filter-btn.active{background:var(--color-primary);color:#fff}html.dark-mode .form-group input,html.dark-mode .form-group select,html.dark-mode .contact-form textarea,html.dark-mode .table-search{color:#e0e0e0;background:#16213e;border-color:#333}html.dark-mode .data-table thead{background:#1a3a5c}html.dark-mode .data-table tbody tr:hover{background:#1a2a44}html.dark-mode .cf-json{color:#cdd6f4;background:#0f0f1a}html.dark-mode code{color:#e0e0e0;background:#2a2a3e}html.dark-mode kbd{color:#e0e0e0;background:#333;border-color:#555}html.dark-mode .service-category{color:#7eb8da;background:#1a3a5c}html.dark-mode .pagination button{background:var(--color-card);color:#7eb8da;border-color:var(--color-border)}.innovate-page{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem}.innovate-page h2{text-align:center;color:var(--color-primary-dark);margin-bottom:.25rem;font-size:1.75rem}.innovate-intro{text-align:center;color:var(--color-text-light);margin-bottom:2rem}.innovate-feature{background:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.5rem}.innovate-feature h3{color:var(--color-primary-dark);margin-bottom:.5rem}.innovate-feature>p{color:var(--color-text-light);margin-bottom:1rem;font-size:.9rem}.innovate-demo{margin-top:.75rem}.font-controls{gap:.5rem;margin-bottom:.75rem;display:flex}.font-preview{border-radius:var(--radius);color:var(--color-text);background:#f0f5fa;padding:1rem;line-height:1.8}html.dark-mode .font-preview{background:#1a2a44}.reading-demo{border-left:4px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0;color:#333;background:#faf8f5;max-width:700px;margin-top:1rem;padding:1.5rem;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;line-height:2}.reading-demo p{margin-bottom:1rem}html.dark-mode .reading-demo{color:#d0d0d0;background:#1e2a3a;border-left-color:#7eb8da}