/* ═══════════════════════════════════════════
   TEXTNOMADEN – Optimized Styles v2
   Minimal cognitive load, max conversion
   ═══════════════════════════════════════════ */

html { scroll-behavior: smooth; scroll-padding-top: 4rem; }
::selection { background-color: #0c85f2; color: #fff; }

/* Text Gradient */
.text-gradient {
  background: linear-gradient(135deg, #0c85f2 0%, #0052a5 50%, #e8b33a 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* Navbar */
#navbar { background: rgba(255,255,255,0.6); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
#navbar.scrolled { background: rgba(255,255,255,0.95); box-shadow: 0 1px 3px rgba(10,58,110,0.06); }

/* Scroll Reveal */
@keyframes revealUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
.reveal-up { opacity:0; transform:translateY(24px); }
.reveal-up.revealed { animation: revealUp 0.6s cubic-bezier(0.22,1,0.36,1) forwards; }
.reveal-delay-1.revealed { animation-delay:0.1s; }
.reveal-delay-2.revealed { animation-delay:0.15s; }
.reveal-delay-3.revealed { animation-delay:0.2s; }

/* Form loading */
.form-loading { pointer-events:none; opacity:0.7; }
.form-loading button[type="submit"] { color:transparent; position:relative; }
.form-loading button[type="submit"]::after {
  content:''; position:absolute; top:50%; left:50%; width:18px; height:18px; margin:-9px 0 0 -9px;
  border:2px solid rgba(255,255,255,0.3); border-top-color:#fff; border-radius:50%;
  animation: spin 0.6s linear infinite;
}
@keyframes spin { to { transform:rotate(360deg); } }

/* Exit overlay */
#exit-overlay.active { display: flex; }

/* QC result transition */
#qc-result { animation: revealUp 0.5s ease forwards; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0f7ff; }
::-webkit-scrollbar-thumb { background: #b9dfff; border-radius: 3px; }

/* Print */
@media print { nav, #sticky-cta, #exit-overlay { display:none !important; } .reveal-up { opacity:1 !important; transform:none !important; } }