:root{--primary-color:#1f7987;--primary-hover:#0b899c;--text-dark:#1f2937;--text-light:#4b5563;--text-subtle:#6b7280;--bg-light:#f9fafb;--bg-white:#ffffff;--border-color:#e5e7eb;--success-color:#16a34a;--error-color:#dc2626;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--border-radius:0.75rem;--brand-primary:#1f7987;--brand-primary-dark:#1d4ed8;--text-body:#374151;--surface-bg:#ffffff;--surface-border:#e5e7eb;--surface-accent:#ebf1f1;--star-color:#f59e0b;--radius:8px}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden;height:100%}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}*{box-sizing:border-box;padding:0;margin:0}main{flex:1 1}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}:root{--brand:#3DC0BB;--brand-dark:#3DC0BB;--muted:#6b7280;--card-bg:#fff;--bg:#f9fafb}body{font-family:system-ui,sans-serif;background:var(--bg);margin:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.hero{text-align:center;padding:60px 20px}