feat: Passwordless cross-device authentication

- Arkitektur: docs/auth/passwordless-architecture.md
- Backend: iom/quixzoom-auth-service/ (FastAPI + Redis)
- Webb: quixzoom-market-pages/se/login/ (QR-kod + polling)
- App: iom/quixzoom-app/src/features/auth/ (push + deep links)

Flöde: QR-kod → app-godkännande → webb-inloggad

landvex-site/cities/paris/index.html

@@ -135,7 +135,7 @@
       border-radius: var(--radius-md); padding: 16px 20px;
       display: flex; align-items: center; gap: 10px;
     }
-    .district-chip .chip-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--blue); flex-shrink: 0; }
+    .district-chip .chip-dot { width: 8px; height: 8px; border-radius: var(--radius-full); background: var(--blue); flex-shrink: 0; }
     .district-chip span { font-size: 14px; font-weight: 600; color: var(--text-light); }
 
     .intel-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 40px; }
@@ -169,13 +169,13 @@
     .table-note { margin-top: 12px; font-size: 12px; color: var(--text-muted); }
 
     .contradiction-bg { background: #e8f0fe; }
-    .contradiction-box { background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.1); border-radius: 16px; padding: 36px 40px; margin-bottom: 32px; }
+    .contradiction-box { background: rgba(0,0,0,.05); border: 1px solid rgba(0,0,0,.1); border-radius: var(--radius-lg); padding: 36px 40px; margin-bottom: 32px; }
     .conflict-header { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 24px; }
     .conflict-flag-svg { flex-shrink: 0; margin-top: 2px; }
     .conflict-title { color: #f87171; font-weight: 800; font-size: .9375rem; margin-bottom: 4px; }
     .conflict-desc { color: rgba(0,0,0,.6); font-size: .875rem; line-height: 1.6; }
     .conflict-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
-    .conflict-side { border-radius: 10px; padding: 16px; }
+    .conflict-side { border-radius: var(--radius-md); padding: 16px; }
     .conflict-official { background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.2); }
     .conflict-observed { background: rgba(239,68,68,.1); border: 1px solid rgba(239,68,68,.2); }
     .conflict-side-label { font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
@@ -193,7 +193,7 @@
     .ce-feature h4 { color: #1d1d1f; font-weight: 700; margin-bottom: 6px; }
     .ce-feature p { color: rgba(0,0,0,.75); font-size: .8125rem; }
 
-    .cta-banner { background: #e8f0fe; border-radius: 16px; padding: 40px 48px; display: flex; align-items: center; gap: 48px; flex-wrap: wrap; margin-top: 48px; }
+    .cta-banner { background: #e8f0fe; border-radius: var(--radius-lg); padding: 40px 48px; display: flex; align-items: center; gap: 48px; flex-wrap: wrap; margin-top: 48px; }
     .cta-banner h3 { color: #1d1d1f; font-size: 1.25rem; font-weight: 800; margin-bottom: 8px; }
     .cta-banner p { color: rgba(0,0,0,.7); line-height: 1.65; font-size: .9375rem; }
     .cta-banner-text { flex: 1; min-width: 260px; }
@@ -224,10 +224,10 @@
     .footer-links { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
     .footer-links a { font-size: 14px; color: var(--text-muted); transition: color 0.2s; }
     .footer-links a:hover { color: #1d1d1f; }
-    .footer-social { width: 32px; height: 32px; border: 1px solid var(--border); border-radius: 8px; display: flex; align-items: center; justify-content: center; transition: border-color 0.2s, background 0.2s; }
+    .footer-social { width: 32px; height: 32px; border: 1px solid var(--border); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; transition: border-color 0.2s, background 0.2s; }
     .footer-social:hover { border-color: rgba(0,0,0,0.25); background: rgba(0,0,0,0.04); }
 
-    .lv-disclaimer { font-size:.75rem; color:rgba(0,0,0,.75); margin-top:24px; padding:12px 16px; background:rgba(0,0,0,.04); border-radius:8px; line-height:1.6; max-width:800px; }
+    .lv-disclaimer { font-size:.75rem; color:rgba(0,0,0,.75); margin-top:24px; padding:12px 16px; background:rgba(0,0,0,.04); border-radius: var(--radius-md); line-height:1.6; max-width:800px; }
     .lv-disclaimer a { color:rgba(0,0,0,.65); text-decoration:underline; }
 
     @media (max-width: 900px) {
@@ -499,18 +499,18 @@
           <div class="conflict-side conflict-official">
             <div class="conflict-side-label">Official narrative</div>
             <ul>
-              <li>&#10003; Paris Plan Local d&rsquo;Urbanisme: commercial priority zones active</li>
-              <li>&#10003; Invest in Paris: &euro;2.3bn commercial investment committed 2024</li>
-              <li>&#10003; Arrondissement vacancy rate: below EU major city average</li>
+              <li>&#100003 Paris Plan Local d&rsquo;Urbanisme: commercial priority zones active</li>
+              <li>&#100003 Invest in Paris: &euro;2.3bn commercial investment committed 2024</li>
+              <li>&#100003 Arrondissement vacancy rate: below EU major city average</li>
             </ul>
           </div>
           <div class="conflict-side conflict-observed">
             <div class="conflict-side-label">Observed reality</div>
             <ul>
-              <li>&#10007; 8e arrondissement: luxury retail vacancy elevated on secondary streets</li>
-              <li>&#10007; 10e/11e: independent retail closures accelerating post-pandemic</li>
-              <li>&#10007; La D&eacute;fense: sub-let market expanding, direct vacancy understated</li>
-              <li>&#10007; Investment permits not translating to observed ground-floor activation</li>
+              <li>&#100007 8e arrondissement: luxury retail vacancy elevated on secondary streets</li>
+              <li>&#100007 10e/11e: independent retail closures accelerating post-pandemic</li>
+              <li>&#100007 La D&eacute;fense: sub-let market expanding, direct vacancy understated</li>
+              <li>&#100007 Investment permits not translating to observed ground-floor activation</li>
             </ul>
           </div>
         </div>