/* Lourra onboarding: global styles and keyframes, copied from Lourra Onboarding v3.dc.html.
   Everything else is styled inline in the template in onboarding.html. */

html, body, #app { height: 100%; margin: 0; }

body{margin:0;background:#fff;font-family:'Outfit',system-ui,sans-serif;color:#000;-webkit-font-smoothing:antialiased}
a{color:#007AFF;text-decoration:none}
a:hover{color:#0A84FF}
input::placeholder,textarea::placeholder{color:#8E8E93}
::selection{background:#CCE4FF}
@keyframes lr-rise{from{opacity:0;transform:translateY(16px) scale(.98)}}
@keyframes lr-reveal{from{opacity:0;transform:translateY(18px);filter:blur(6px)}}
@keyframes lr-slide{from{opacity:0;transform:translateX(-10px)}}
@keyframes lr-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes lr-ping{0%{box-shadow:0 0 0 0 rgba(0,122,255,.45)}100%{box-shadow:0 0 0 14px rgba(0,122,255,0)}}
@keyframes lr-ping-l{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.6);opacity:0}}
@keyframes lr-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}
@keyframes lr-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes lr-spin{to{transform:rotate(360deg)}}
@keyframes lr-sheen{0%{transform:translateX(-120%)}60%,100%{transform:translateX(520%)}}
@keyframes lr-drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(70px,50px) scale(1.14)}}
@keyframes lr-drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,-40px) scale(1.1)}}
@keyframes lr-march{to{stroke-dashoffset:-12}}
@keyframes lr-flip{from{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}}