Added secuirty 2FA for users

dist/modules/seo/assets/sitemap.css

@@ -1,76 +1,143 @@
 /*
- * Starter stylesheet for a sitemap served via buildSitemapXml({ cssUrl }).
- * Uses type="text/css" on XML (W3C "Associating Style Sheets with XML") — NOT
- * XSLT, so no browser deprecation warning. Selectors are the XML tag names.
+ * Universal, minimalist & elegant stylesheet for XML Sitemap.
+ * Neutral palette with automatic dark and light mode support.
+ * W3C standard: type="text/css" on XML (zero browser deprecation warnings).
  *
- * Copy to your project's /public/sitemap.css and adjust colors/spacing to taste.
- * Crawlers ignore this; it only affects the human-readable browser view.
+ * Ships with @intecion/ipal-kit. Copy to /public/sitemap.css and adjust freely.
  */
 
+:root {
+    --bg: #fafafa;
+    --card: #ffffff;
+    --border: #e5e7eb;
+    --border-hover: #d1d5db;
+    --text-main: #111827;
+    --text-secondary: #4b5563;
+    --text-muted: #9ca3af;
+    --url-color: #1e293b;
+    --badge-bg: #f3f4f6;
+    --badge-border: #e5e7eb;
+    --badge-text: #4b5563;
+    --accent: #f97316;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --bg: #090a0f;
+        --card: #12131a;
+        --border: #1e202e;
+        --border-hover: #2e3247;
+        --text-main: #f9fafb;
+        --text-secondary: #9ca3af;
+        --text-muted: #6b7280;
+        --url-color: #f3f4f6;
+        --badge-bg: #1a1c26;
+        --badge-border: #282b3d;
+        --badge-text: #9ca3af;
+        --accent: #fb923c;
+    }
+}
+
 urlset {
     display: block;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-    background: #090d16;
-    color: #f1f5f9;
-    padding: 2rem 1.5rem;
-    max-width: 1200px;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif;
+    background-color: var(--bg);
+    color: var(--text-main);
+    padding: 3rem 1.5rem;
+    max-width: 1040px;
     margin: 0 auto;
+    min-height: 100vh;
+    box-sizing: border-box;
     line-height: 1.5;
 }
 
-/* Each URL entry as a card. */
+/* Minimalist header */
+urlset::before {
+    content: "XML Sitemap";
+    display: block;
+    font-size: 1.35rem;
+    font-weight: 600;
+    letter-spacing: -0.02em;
+    color: var(--text-main);
+    padding-bottom: 0.4rem;
+}
+
+/* Brand note under the header — crafted by Intecion Group */
+urlset::after {
+    content: "Intecion.com, Technology — engineered for modern digital experiences.";
+    display: block;
+    font-size: 0.8rem;
+    color: var(--text-muted);
+    padding-bottom: 1.25rem;
+    margin-bottom: 1.5rem;
+    border-bottom: 1px solid var(--border);
+}
+
+/* URL card */
 url {
     display: block;
-    background: #111827;
-    border: 1px solid #1e293b;
+    background-color: var(--card);
+    border: 1px solid var(--border);
     border-radius: 8px;
     padding: 1rem 1.25rem;
-    margin-bottom: 0.75rem;
+    margin-bottom: 0.65rem;
+    box-sizing: border-box;
+    transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
 
-/* The URL itself. */
+url:hover {
+    border-color: var(--border-hover);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
+}
+
+/* URL address */
 loc {
     display: block;
-    font-size: 0.95rem;
-    font-weight: 600;
-    color: #f97316;
-    margin-bottom: 0.5rem;
+    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+    font-size: 0.875rem;
+    font-weight: 500;
+    color: var(--url-color);
     word-break: break-all;
+    line-height: 1.45;
+    margin-bottom: 0.45rem;
 }
 
-/* Metadata line: lastmod / changefreq / priority, each with a label. */
+/* Metadata row */
 lastmod,
 changefreq,
 priority {
     display: inline-block;
-    font-size: 0.8rem;
-    color: #94a3b8;
-    margin-right: 1.5rem;
+    font-size: 0.775rem;
+    color: var(--text-secondary);
+    margin-right: 1.25rem;
+    margin-top: 0.15rem;
 }
 
 lastmod::before {
-    content: 'Ostatnia modyfikacja: ';
-    color: #64748b;
+    content: "Zaktualizowano: ";
+    color: var(--text-muted);
 }
 
 changefreq::before {
-    content: 'Częstotliwość: ';
-    color: #64748b;
+    content: "Częstotliwość: ";
+    color: var(--text-muted);
 }
 
 priority::before {
-    content: 'Priorytet: ';
-    color: #64748b;
+    content: "Priorytet: ";
+    color: var(--text-muted);
 }
 
-/* hreflang alternates as small pills. */
+/* Alternate language pills */
 link {
     display: inline-block;
-    font-size: 0.75rem;
-    background: #1e293b;
-    color: #38bdf8;
-    border: 1px solid #334155;
-    padding: 0.15rem 0.45rem;
+    font-size: 0.7rem;
+    font-weight: 500;
+    background-color: var(--badge-bg);
+    border: 1px solid var(--badge-border);
+    color: var(--badge-text);
+    padding: 0.1rem 0.45rem;
     border-radius: 4px;
-    margin: 0.4rem 0.35rem 0 0;
+    margin-right: 0.3rem;
+    margin-top: 0.35rem;
 }