/* demo.devlooper.io — mêmes styles complémentaires que lab.devlooper.io. */

html { scroll-behavior: smooth; }
body { font-feature-settings: "ss01"; }
::selection { background: #C3D0E8; color: #171F35; }

.devlooper-logo svg { display: block; height: 1.375rem; width: auto; }

.mesh-glow {
  background: radial-gradient(60% 60% at 30% 20%, rgba(78,102,164,0.14) 0%, rgba(78,102,164,0) 60%),
              radial-gradient(50% 50% at 85% 15%, rgba(31,122,114,0.12) 0%, rgba(31,122,114,0) 60%);
}

.infinity-divider { height: 1px; background: linear-gradient(90deg, transparent, #D8D1BE, transparent); }

.reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

input:focus, textarea:focus, select:focus, button:focus-visible, a:focus-visible {
  outline: 2px solid #4E66A4; outline-offset: 2px;
}