/* Four petals, one family. Shared by the first paint and React loading state. */
.z4f-loading{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#f2f7fb 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif;color:#17366e}
.z4f-loading__scene{perspective:650px;width:160px;height:172px;position:relative}
.z4f-loading__flower{position:absolute;inset:10px 15px 32px;transform:rotateX(22deg) rotateY(-15deg);transform-style:preserve-3d;animation:z4f-float 3.2s ease-in-out infinite}
.z4f-loading__petal{position:absolute;width:58px;height:58px;border-radius:70% 70% 12% 70%;background:linear-gradient(135deg,#4269ab 0%,#17366e 65%,#102953 100%);box-shadow:inset 3px 4px 6px #ffffff60,inset -3px -5px 5px #071d4255,4px 7px 0 #0e2854,8px 13px 14px #17366e24;animation:z4f-bloom 2.8s cubic-bezier(.22,.8,.3,1) infinite both;transform-origin:center}
.z4f-loading__petal:nth-child(1){left:0;top:0;--turn:0deg;animation-delay:0s}
.z4f-loading__petal:nth-child(2){right:0;top:0;--turn:90deg;animation-delay:.18s;background:linear-gradient(135deg,#53c8ac,#119878 65%,#08715c);box-shadow:inset 3px 4px 6px #ffffff70,inset -3px -5px 5px #064c4255,4px 7px 0 #08715c,8px 13px 14px #08715c24}
.z4f-loading__petal:nth-child(3){right:0;bottom:0;--turn:180deg;animation-delay:.36s}
.z4f-loading__petal:nth-child(4){left:0;bottom:0;--turn:270deg;animation-delay:.54s;background:linear-gradient(135deg,#53c8ac,#119878 65%,#08715c);box-shadow:inset 3px 4px 6px #ffffff70,inset -3px -5px 5px #064c4255,4px 7px 0 #08715c,8px 13px 14px #08715c24}
.z4f-loading__scene:after{content:"";position:absolute;bottom:8px;left:20px;width:120px;height:14px;border-radius:50%;background:#17366e1a;filter:blur(8px)}
.z4f-loading__name{font-size:35px;font-weight:800;letter-spacing:-1px;margin:12px 0 5px}
.z4f-loading__family{font-size:10px;font-weight:600;letter-spacing:2px;color:#587487;text-transform:uppercase}
.z4f-loading__message{font-size:13px;margin:28px 0 0;color:#587487}
@keyframes z4f-bloom{0%,8%{opacity:0;transform:rotate(var(--turn)) translateZ(-35px) scale(.35)}25%,76%{opacity:1;transform:rotate(var(--turn)) translateZ(0) scale(1)}94%,100%{opacity:0;transform:rotate(var(--turn)) translateZ(12px) scale(.9)}}
@keyframes z4f-float{0%,100%{transform:rotateX(22deg) rotateY(-15deg) translateY(0)}50%{transform:rotateX(16deg) rotateY(-8deg) translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.z4f-loading__flower,.z4f-loading__petal{animation:none}.z4f-loading__petal{opacity:1;transform:rotate(var(--turn))}}