/* Pagina „În curând” de pe kidslife.ro (templates/home.html.twig). */
:root{--bg1:#f8f2fe;--bg2:#fff;--deep:#4a1fa8;--violet:#b05cff;--ink:#3b2a63;--muted:#7a6a99}
*{box-sizing:border-box;margin:0}
html,body{min-height:100%}
body{font-family:"Trebuchet MS","Segoe UI",system-ui,sans-serif;color:var(--ink);
  background:linear-gradient(160deg,var(--bg1),#efe4ff);
  display:flex;align-items:center;justify-content:center;padding:24px;overflow-x:hidden}
.cloud,.star{position:fixed;pointer-events:none}
.cloud{width:120px;height:40px;background:#fff;border-radius:40px;opacity:.75;animation:drift 45s linear infinite}
.cloud::before,.cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
.cloud::before{width:50px;height:50px;top:-24px;left:18px}
.cloud::after{width:36px;height:36px;top:-16px;left:62px}
.c1{top:8%;left:-150px}.c2{top:72%;left:-150px;animation-duration:60s;animation-delay:-25s;transform:scale(.7)}
.star{font-size:22px;color:var(--violet);opacity:.6;animation:twinkle 3s ease-in-out infinite}
.s1{top:12%;right:12%}.s2{top:30%;left:8%;animation-delay:1s}.s3{bottom:14%;right:18%;animation-delay:2s}
@keyframes drift{to{transform:translateX(calc(100vw + 300px))}}
@keyframes twinkle{50%{opacity:.2;transform:scale(.8)}}
main{position:relative;max-width:540px;width:100%;text-align:center;background:#fff;border-radius:32px;
  padding:36px 28px 34px;box-shadow:0 20px 50px rgba(90,40,160,.15)}
.logo{width:min(320px,80%);height:auto;display:block;margin:0 auto 6px}
.kid{width:190px;max-width:60%;height:auto;margin:6px auto 4px;display:block;animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-8px)}}
.badge{display:inline-block;background:#f1e3ff;color:var(--deep);font-size:.78rem;letter-spacing:.12em;
  text-transform:uppercase;padding:6px 14px;border-radius:999px;font-weight:700}
h1{font-size:clamp(1.6rem,5.5vw,2.1rem);margin:14px 0 8px;color:var(--deep);line-height:1.2}
p{color:var(--muted);line-height:1.6;font-size:1.05rem}
.quote{margin-top:16px;font-style:italic;color:var(--ink)}
footer{margin-top:22px;font-size:.85rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}