/* Kunden-Center · Anmeldung „Lebensbuch“ (27.09.2026): vollflächiger Verlauf Papier → Flieder, animierte Pusteblume
   (Wiegen, davonschwebende Samen), Markenfläche links, Karte rechts. Bewegung nur per CSS, prefers-reduced-motion beachtet.
   Markup: customer-center-login.js (Szene) + customer-center.js (login()). */
.customer-center #portal-app:has(> .cc-auth) { max-width:none; padding:0; }
body.customer-center .cc-auth {
  --cca-plum:#643182; --cca-plum-dark:#4e2555; --cca-lilac:#b394cc; --cca-ink:#2b2432; --cca-text:#4a3d52; --cca-muted:#6f667a; --cca-line:#dccbe4;
  position:relative; isolation:isolate; overflow:hidden; min-height:max(600px,calc(100vh - 150px));
  background:linear-gradient(162deg,#fbf8fc 0%,#f5eef8 38%,#eadff0 68%,#dfcfe9 100%); color:var(--cca-ink);
}
body.customer-center .cc-auth-sky { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
body.customer-center .cc-auth-glow { position:absolute; border-radius:50%; filter:blur(70px); opacity:.7; animation:cca-drift 20s ease-in-out infinite alternate; }
body.customer-center .cc-auth-glow-1 { width:640px; height:640px; left:-220px; top:-260px; background:radial-gradient(circle,#e7d8ef 0%,rgba(231,216,239,0) 68%); }
body.customer-center .cc-auth-glow-2 { width:560px; height:560px; right:-180px; bottom:-240px; background:radial-gradient(circle,#c6a9dc 0%,rgba(198,169,220,0) 70%); animation-delay:-8s; opacity:.55; }
body.customer-center .cc-auth-glow-3 { width:520px; height:420px; right:6%; top:-120px; background:radial-gradient(circle,#fbeadb 0%,rgba(251,234,219,0) 70%); animation-delay:-14s; opacity:.85; }
@keyframes cca-drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(36px,28px,0) scale(1.08); } }

/* Pusteblume */
/* Desktop: Kopf im freien Korridor zwischen Leitsatz und Karte (rechts an der Karte ausgerichtet), Stängel läuft nach unten aus dem Bild. */
body.customer-center .cc-auth-dandelion { position:absolute; right:max(140px,calc(50% - 430px)); top:-60px; height:min(760px,112%); width:auto; overflow:visible; }
body.customer-center .cc-dl-plant { transform-origin:208px 580px; animation:cca-sway 9s ease-in-out infinite; }
body.customer-center .cc-dl-stem { fill:none; stroke:#7f9484; stroke-width:3; stroke-linecap:round; }
body.customer-center .cc-dl-leaf { fill:#98ad9a; opacity:.75; }
body.customer-center .cc-dl-leaf-2 { fill:#a9bba8; opacity:.6; }
body.customer-center .cc-dl-halo { opacity:.85; }
body.customer-center .cc-dl-line { fill:none; stroke:#a58cb8; stroke-width:.9; stroke-linecap:round; opacity:.55; }
body.customer-center .cc-dl-stub { fill:none; stroke:#8d6f9f; stroke-width:1.1; stroke-linecap:round; opacity:.6; }
body.customer-center .cc-dl-achene { fill:none; stroke:#6e5a52; stroke-width:1.6; stroke-linecap:round; opacity:.7; }
body.customer-center .cc-dl-fan { stroke:#7a5a8f; stroke-width:.9; }
body.customer-center .cc-dl-tips { stroke:#b9a0cb; stroke-width:.7; }
body.customer-center .cc-dl-core { fill:#8b6f5e; opacity:.85; }
body.customer-center .cc-dl-seed { opacity:0; animation:cca-depart 15s cubic-bezier(.35,.05,.5,.95) infinite; }
body.customer-center .cc-dl-seed-body { transform-box:fill-box; transform-origin:50% 25%; animation:cca-feather 4.6s ease-in-out infinite; }
body.customer-center .cc-dl-seed-2 { animation-delay:-2.2s; animation-duration:16.5s; }
body.customer-center .cc-dl-seed-3 { animation-delay:-4.6s; animation-duration:14.2s; }
body.customer-center .cc-dl-seed-4 { animation-delay:-6.8s; animation-duration:17.5s; }
body.customer-center .cc-dl-seed-5 { animation-delay:-9.1s; animation-duration:15.8s; }
body.customer-center .cc-dl-seed-6 { animation-delay:-11.3s; animation-duration:16.2s; }
body.customer-center .cc-dl-seed-7 { animation-delay:-13.4s; animation-duration:14.8s; }
body.customer-center .cc-dl-seed-8 { animation-delay:-1.1s; animation-duration:18s; }
body.customer-center .cc-dl-seed-2 .cc-dl-seed-body, body.customer-center .cc-dl-seed-5 .cc-dl-seed-body { animation-delay:-1.7s; animation-duration:5.2s; }
body.customer-center .cc-dl-seed-3 .cc-dl-seed-body, body.customer-center .cc-dl-seed-7 .cc-dl-seed-body { animation-delay:-3.1s; animation-duration:4.1s; }
@keyframes cca-sway { 0%,100% { transform:rotate(-1.4deg); } 38% { transform:rotate(1.8deg); } 62% { transform:rotate(.4deg); } 80% { transform:rotate(1.1deg); } }
@keyframes cca-depart {
  0%,5% { opacity:0; transform:translate(0,0) rotate(0deg); }
  13% { opacity:.9; }
  27% { opacity:.88; transform:translate(90px,-70px) rotate(12deg); }
  56% { opacity:.8; transform:translate(210px,-90px) rotate(-6deg); }
  82% { opacity:.45; transform:translate(320px,-104px) rotate(10deg); }
  96%,100% { opacity:0; transform:translate(400px,-116px) rotate(18deg); }
}
@keyframes cca-feather { 0%,100% { transform:rotate(-7deg) translateY(0); } 50% { transform:rotate(9deg) translateY(4px); } }

/* Zweispaltiger Aufbau */
body.customer-center .cc-auth-inner { display:grid; grid-template-columns:minmax(0,1fr); grid-template-areas:"brand" "card" "points"; gap:22px; max-width:1140px; margin:0 auto; padding:28px 16px 40px; }
body.customer-center .cc-auth-brand { position:relative; grid-area:brand; min-height:250px; padding:6px 0 0; animation:cca-fade .7s ease both; }
body.customer-center .cc-auth-brand .cc-auth-mark { display:block; width:64px; height:64px; margin:0 0 16px; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(78,37,85,.16); object-fit:contain; }
body.customer-center .cc-auth-brand .cc-eyebrow { margin:0 0 10px; }
body.customer-center .cc-auth-brand h2 { margin:0 0 12px; max-width:12ch; color:var(--cca-plum-dark); font:400 clamp(28px,4.2vw,44px)/1.14 var(--cc-serif); letter-spacing:-.005em; }
body.customer-center .cc-auth-brand p { margin:0; max-width:40ch; color:var(--cca-text); font-size:15.5px; line-height:1.65; }
body.customer-center .cc-auth-points { grid-area:points; display:grid; gap:10px; margin:0; padding:0; list-style:none; animation:cca-fade .7s ease .25s both; }
body.customer-center .cc-auth-points li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:12px; align-items:center; padding:12px 14px; border:1px solid rgba(255,255,255,.7); border-radius:14px; background:rgba(255,253,254,.62); backdrop-filter:blur(8px); transition:transform .2s ease, background .2s ease; }
body.customer-center .cc-auth-points li:hover { transform:translateX(3px); background:rgba(255,253,254,.85); }
body.customer-center .cc-auth-points li > svg { width:40px; height:40px; padding:10px; box-sizing:border-box; border-radius:12px; background:#fff; color:var(--cca-plum); box-shadow:0 4px 12px rgba(78,37,85,.1); }
body.customer-center .cc-auth-points span { display:grid; gap:2px; min-width:0; }
body.customer-center .cc-auth-points strong { font-size:15px; color:var(--cca-ink); }
body.customer-center .cc-auth-points small { font-size:13px; line-height:1.45; color:var(--cca-muted); }

/* Karte */
body.customer-center .cc-auth .cc-login {
  grid-area:card; position:relative; width:100%; max-width:none; margin:0; padding:30px 24px 24px; box-sizing:border-box; border:0; border-radius:20px;
  background:rgba(255,253,254,.94); backdrop-filter:blur(16px);
  box-shadow:0 34px 80px rgba(78,37,85,.2), 0 10px 26px rgba(78,37,85,.08), 0 0 0 1px rgba(100,49,130,.06);
  animation:cca-rise .7s cubic-bezier(.2,.8,.2,1) both; transition:box-shadow .3s ease;
}
body.customer-center .cc-auth .cc-login::before { content:""; position:absolute; inset:0 auto auto 0; width:100%; height:4px; border-radius:20px 20px 0 0; background:linear-gradient(90deg,var(--cca-plum),var(--cca-lilac) 60%,#e9d8f1); }
body.customer-center .cc-auth .cc-login:hover { box-shadow:0 40px 90px rgba(78,37,85,.24), 0 12px 30px rgba(78,37,85,.1), 0 0 0 1px rgba(100,49,130,.08); }
body.customer-center .cc-auth-badge { display:inline-flex; align-items:center; gap:7px; margin:0 0 14px; padding:5px 12px 5px 9px; border-radius:999px; border:1px solid var(--cca-line); background:#fff; color:var(--cca-plum-dark); font-size:12.5px; font-weight:600; animation:cca-fade .5s ease .1s both; }
body.customer-center .cc-auth-badge svg { width:15px; height:15px; color:var(--cca-plum); }
body.customer-center .cc-auth .cc-login h1 { margin:0 0 8px; font:400 clamp(27px,3vw,32px)/1.15 var(--cc-serif); color:var(--cca-ink); animation:cca-fade .5s ease .16s both; }
body.customer-center .cc-auth .cc-login-intro { margin:0 0 22px; font-size:14.5px; line-height:1.62; color:var(--cca-text); animation:cca-fade .5s ease .22s both; }
body.customer-center .cc-auth .cc-login form { gap:16px; }
body.customer-center .cc-auth .cc-login form > * { animation:cca-fade .5s ease both; }
body.customer-center .cc-auth .cc-login form > :nth-child(1) { animation-delay:.28s; }
body.customer-center .cc-auth .cc-login form > :nth-child(2) { animation-delay:.34s; }
body.customer-center .cc-auth .cc-login form > :nth-child(3) { animation-delay:.4s; }
body.customer-center .cc-auth .cc-login form > :nth-child(4) { animation-delay:.46s; }
body.customer-center .cc-auth .cc-login form > :nth-child(5) { animation-delay:.52s; }
body.customer-center .cc-auth-field { display:grid; gap:7px; }
body.customer-center .cc-auth-field > span:first-child { font-size:13px; font-weight:600; color:var(--cca-text); letter-spacing:.01em; }
body.customer-center .cc-auth-input { position:relative; display:block; }
body.customer-center .cc-auth-input > svg { position:absolute; left:14px; top:50%; width:19px; height:19px; transform:translateY(-50%); color:#9a86a8; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; transition:color .2s ease; }
body.customer-center .cc-auth .cc-login .cc-auth-input input { min-height:50px; padding:11px 14px 11px 44px; border:1px solid #d9cfe0; border-radius:12px; background:#fbf9fc; font-size:16px; color:var(--cca-ink); transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; }
body.customer-center .cc-auth .cc-login .cc-auth-input input::placeholder { color:#a99bb3; }
body.customer-center .cc-auth .cc-login .cc-auth-input input:focus { outline:none; border-color:var(--cca-plum); background:#fff; box-shadow:0 0 0 4px rgba(179,148,204,.38); }
body.customer-center .cc-auth .cc-login .cc-auth-input input:focus-visible { outline:none; }
body.customer-center .cc-auth-input:focus-within > svg { color:var(--cca-plum); }
body.customer-center .cc-auth .cc-login .cc-auth-input input[name="password"] { padding-right:50px; }
body.customer-center .cc-login-eye { position:absolute; right:8px; top:50%; display:grid; place-items:center; width:36px; height:36px; padding:0; border:0; border-radius:9px; background:transparent; color:#9a86a8; transform:translateY(-50%); cursor:pointer; transition:background .2s ease, color .2s ease; }
body.customer-center .cc-login-eye:hover, body.customer-center .cc-login-eye:focus-visible { background:rgba(100,49,130,.08); color:var(--cca-plum); outline:none; }
body.customer-center .cc-login-eye svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.customer-center .cc-login-eye .cc-eye-off, body.customer-center .cc-login-eye[aria-pressed="true"] .cc-eye-on { display:none; }
body.customer-center .cc-login-eye[aria-pressed="true"] .cc-eye-off { display:block; }
body.customer-center .cc-auth-hint { margin:-4px 0 0; padding:0 2px; font-size:13px; line-height:1.5; color:var(--cca-muted); }
body.customer-center .cc-auth .cc-login select { min-height:48px; padding:10px 14px; border:1px solid #d9cfe0; border-radius:12px; background:#fbf9fc; font-size:15px; color:var(--cca-ink); }
body.customer-center .cc-auth .cc-login [role="alert"] { margin:0; padding:11px 14px 11px 40px; border:1px solid #f0c9ce; border-radius:12px; background:#fdf0f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a12a36' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16h.01'/%3E%3C/svg%3E") no-repeat 13px 50%/18px 18px; color:#8f2430; font-size:14px; line-height:1.5; }
body.customer-center .cc-auth .cc-login [role="alert"]:empty { display:none; }
body.customer-center .cc-auth .cc-login [role="alert"].cc-auth-shake { animation:cca-shake .45s ease; }
@keyframes cca-shake { 0%,100% { transform:none; } 20% { transform:translateX(-5px); } 45% { transform:translateX(5px); } 70% { transform:translateX(-3px); } 85% { transform:translateX(3px); } }
body.customer-center .cc-auth .cc-login .button.primary {
  position:relative; overflow:hidden; min-height:50px; margin-top:4px; border:0; border-radius:12px; font-size:16px; letter-spacing:.01em; color:#fff;
  background:linear-gradient(135deg,#6f3a90 0%,#643182 55%,#4e2555 100%); box-shadow:0 12px 26px rgba(78,37,85,.3);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body.customer-center .cc-auth .cc-login .button.primary::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.26) 50%,transparent 70%); transform:translateX(-130%); animation:cca-shine 1.1s ease 1.3s 1 both; }
body.customer-center .cc-auth .cc-login .button.primary:hover { transform:translateY(-1px); box-shadow:0 16px 32px rgba(78,37,85,.36); filter:brightness(1.05); }
body.customer-center .cc-auth .cc-login .button.primary:hover::after { animation:cca-shine .7s ease both; }
body.customer-center .cc-auth .cc-login .button.primary:active { transform:translateY(0); }
body.customer-center .cc-auth .cc-login .button.primary:disabled { opacity:.72; cursor:progress; transform:none; }
@keyframes cca-shine { from { transform:translateX(-130%); } to { transform:translateX(130%); } }
body.customer-center .cc-auth-foot { display:grid; gap:10px; min-height:0; margin:22px 0 0; padding:16px 0 0; border:0; border-top:1px solid #ece3f1; background:transparent; color:var(--cca-muted); animation:cca-fade .5s ease .58s both; }
body.customer-center .cc-auth-foot p { display:flex; align-items:flex-start; gap:8px; margin:0; font-size:13px; line-height:1.5; color:var(--cca-muted); }
body.customer-center .cc-auth-foot p svg { flex:none; width:16px; height:16px; margin-top:2px; color:var(--cca-plum); }
body.customer-center .cc-auth-foot nav { display:flex; flex-wrap:wrap; gap:6px 18px; font-size:14px; }
body.customer-center .cc-auth-foot nav a { color:var(--cca-plum-dark); font-weight:600; text-decoration:none; border-bottom:1px solid transparent; transition:border-color .15s ease, color .15s ease; }
body.customer-center .cc-auth-foot nav a:hover { color:var(--cca-plum); border-bottom-color:var(--cca-lilac); }
@keyframes cca-rise { from { opacity:0; transform:translateY(22px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes cca-fade { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }

/* Mobil: Pusteblume oben rechts hinter der Markenfläche, Karte darunter. */
@media (max-width:899px) {
  body.customer-center .cc-auth-dandelion { right:-250px; top:-44px; height:560px; opacity:.85; } /* Kopf am rechten Rand, Stängel läuft hinter der Karte weiter */
  body.customer-center .cc-auth-brand { padding-right:96px; }
  body.customer-center .cc-auth-brand h2 { font-size:clamp(26px,7.4vw,32px); max-width:12ch; }
  body.customer-center .cc-auth-brand p { max-width:30ch; }
  body.customer-center .cc-auth-glow-3 { display:none; }
}
@media (max-width:480px) {
  body.customer-center .cc-auth-brand { padding-right:84px; min-height:220px; }
  body.customer-center .cc-auth-dandelion { right:-232px; top:-30px; height:520px; }
  body.customer-center .cc-auth .cc-login { padding:26px 18px 20px; }
}
@media (min-width:900px) {
  body.customer-center .cc-auth { display:flex; align-items:center; }
  body.customer-center .cc-auth-inner { width:100%; grid-template-columns:minmax(0,1.1fr) minmax(380px,440px); grid-template-areas:"brand card" "points card"; gap:26px 64px; align-items:end; padding:48px 32px 56px; }
  body.customer-center .cc-auth-brand { min-height:0; padding:0 0 0 clamp(0px,4vw,60px); align-self:end; }
  body.customer-center .cc-auth-points { align-self:start; max-width:460px; padding-left:clamp(0px,4vw,60px); }
  body.customer-center .cc-auth .cc-login { padding:36px 36px 28px; align-self:center; grid-row:1 / span 2; }
}
@media (min-width:1180px) {
  body.customer-center .cc-auth-inner { gap:28px 96px; }
}
@media (prefers-reduced-motion:reduce) {
  body.customer-center .cc-auth * , body.customer-center .cc-auth *::after { animation:none !important; transition:none !important; }
  body.customer-center .cc-dl-seed { opacity:.7; transform:translate(120px,-80px); }
  body.customer-center .cc-dl-seed-3, body.customer-center .cc-dl-seed-6 { transform:translate(240px,-170px); opacity:.4; }
}

/* Pusteblume v2 (realistisch, 27.09.2026): Markup aus customer-center-dandelion.js */
body.customer-center .cc-auth-dandelion-v2 .ccd-stem { fill:none; stroke:url(#ccd-stem); stroke-width:7; stroke-linecap:round; }
body.customer-center .cc-auth-dandelion-v2 .ccd-leaf { fill:#9db78f; opacity:.9; }
body.customer-center .cc-auth-dandelion-v2 .ccd-leaf-2 { fill:#8fab82; }
body.customer-center .cc-auth-dandelion-v2 .ccd-depth { pointer-events:none; }
body.customer-center .cc-auth-dandelion-v2 .ccd-plant { transform-box:fill-box; transform-origin:50% 100%; animation:ccd-sway 9s ease-in-out infinite; }
body.customer-center .cc-auth-dandelion-v2 .ccd-head { transform-box:fill-box; transform-origin:50% 50%; animation:ccd-breathe 5.5s ease-in-out infinite; }
body.customer-center .cc-auth-dandelion-v2 .ccd-glow { transform-box:fill-box; transform-origin:50% 50%; animation:ccd-glow 6s ease-in-out infinite; }
body.customer-center .cc-auth-dandelion-v2 .ccd-fly { opacity:0; animation-timing-function:linear; animation-iteration-count:infinite; animation-fill-mode:both; }
body.customer-center .cc-auth-dandelion-v2 .ccd-fly-body { transform-box:fill-box; transform-origin:50% 22%; animation-name:ccd-pendulum; animation-timing-function:ease-in-out; animation-iteration-count:infinite; }
@keyframes ccd-sway { 0%,100% { transform:rotate(-1.6deg); } 35% { transform:rotate(2.2deg); } 60% { transform:rotate(.4deg); } 80% { transform:rotate(1.4deg); } }
@keyframes ccd-breathe { 0%,100% { transform:scale(1); } 50% { transform:scale(1.02); } }
@keyframes ccd-glow { 0%,100% { opacity:.7; transform:scale(1); } 50% { opacity:1; transform:scale(1.06); } }
@keyframes ccd-pendulum { 0%,100% { transform:rotate(calc(var(--swing) * -1)); } 50% { transform:rotate(var(--swing)); } }
@media (prefers-reduced-motion:reduce) { body.customer-center .cc-auth-dandelion-v2 .ccd-plant, body.customer-center .cc-auth-dandelion-v2 .ccd-head, body.customer-center .cc-auth-dandelion-v2 .ccd-glow, body.customer-center .cc-auth-dandelion-v2 .ccd-fly, body.customer-center .cc-auth-dandelion-v2 .ccd-fly-body { animation:none; } body.customer-center .cc-auth-dandelion-v2 .ccd-flyers { display:none; } }
@media (max-width:900px) { body.customer-center .cc-auth-dandelion-v2 .ccd-flyers { opacity:.8; } }
@keyframes ccd-fly-0{0.0%{transform:translate(271.9px,170.0px) scale(1.00);opacity:0.00}6.2%{transform:translate(273.6px,169.0px) scale(1.00);opacity:0.27}12.5%{transform:translate(277.0px,167.0px) scale(1.00);opacity:0.95}18.8%{transform:translate(282.0px,164.4px) scale(1.01);opacity:0.95}25.0%{transform:translate(288.4px,161.5px) scale(1.01);opacity:0.95}31.2%{transform:translate(297.3px,157.8px) scale(1.01);opacity:0.95}37.5%{transform:translate(311.5px,152.4px) scale(1.02);opacity:0.95}43.8%{transform:translate(327.2px,146.5px) scale(1.03);opacity:0.95}50.0%{transform:translate(344.6px,140.2px) scale(1.03);opacity:0.95}56.2%{transform:translate(363.6px,134.1px) scale(1.04);opacity:0.95}62.5%{transform:translate(384.5px,128.6px) scale(1.04);opacity:0.95}68.8%{transform:translate(407.3px,123.9px) scale(1.05);opacity:0.85}75.0%{transform:translate(432.1px,119.6px) scale(1.06);opacity:0.68}81.2%{transform:translate(459.0px,114.8px) scale(1.06);opacity:0.51}87.5%{transform:translate(488.1px,108.0px) scale(1.07);opacity:0.34}93.8%{transform:translate(519.5px,98.0px) scale(1.07);opacity:0.17}100.0%{transform:translate(553.3px,84.3px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-1{0.0%{transform:translate(267.5px,167.5px) scale(1.00);opacity:0.00}6.2%{transform:translate(269.1px,166.5px) scale(1.00);opacity:0.27}12.5%{transform:translate(272.3px,164.5px) scale(1.00);opacity:0.95}18.8%{transform:translate(276.8px,161.8px) scale(1.01);opacity:0.95}25.0%{transform:translate(282.3px,158.8px) scale(1.01);opacity:0.95}31.2%{transform:translate(289.8px,155.2px) scale(1.01);opacity:0.95}37.5%{transform:translate(301.2px,151.1px) scale(1.02);opacity:0.95}43.8%{transform:translate(313.5px,147.5px) scale(1.03);opacity:0.95}50.0%{transform:translate(326.8px,143.3px) scale(1.03);opacity:0.95}56.2%{transform:translate(341.4px,137.4px) scale(1.04);opacity:0.95}62.5%{transform:translate(357.3px,130.1px) scale(1.04);opacity:0.95}68.8%{transform:translate(374.7px,123.1px) scale(1.05);opacity:0.85}75.0%{transform:translate(393.9px,118.0px) scale(1.06);opacity:0.68}81.2%{transform:translate(415.1px,115.4px) scale(1.06);opacity:0.51}87.5%{transform:translate(438.4px,113.5px) scale(1.07);opacity:0.34}93.8%{transform:translate(463.9px,109.4px) scale(1.07);opacity:0.17}100.0%{transform:translate(492.0px,101.1px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-2{0.0%{transform:translate(279.4px,175.1px) scale(1.00);opacity:0.00}6.2%{transform:translate(280.7px,173.6px) scale(1.00);opacity:0.27}12.5%{transform:translate(283.5px,170.4px) scale(1.00);opacity:0.95}18.8%{transform:translate(287.6px,166.1px) scale(1.01);opacity:0.95}25.0%{transform:translate(293.2px,160.7px) scale(1.01);opacity:0.95}31.2%{transform:translate(301.2px,153.5px) scale(1.01);opacity:0.95}37.5%{transform:translate(314.3px,143.2px) scale(1.02);opacity:0.95}43.8%{transform:translate(328.8px,134.5px) scale(1.03);opacity:0.95}50.0%{transform:translate(344.4px,128.5px) scale(1.03);opacity:0.95}56.2%{transform:translate(361.0px,125.2px) scale(1.04);opacity:0.95}62.5%{transform:translate(378.1px,122.8px) scale(1.04);opacity:0.95}68.8%{transform:translate(395.6px,118.9px) scale(1.05);opacity:0.85}75.0%{transform:translate(413.2px,111.2px) scale(1.06);opacity:0.68}81.2%{transform:translate(430.6px,99.3px) scale(1.06);opacity:0.51}87.5%{transform:translate(447.6px,85.0px) scale(1.07);opacity:0.34}93.8%{transform:translate(463.9px,71.4px) scale(1.07);opacity:0.17}100.0%{transform:translate(479.2px,62.0px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-3{0.0%{transform:translate(302.0px,198.9px) scale(1.00);opacity:0.00}6.2%{transform:translate(303.5px,197.9px) scale(1.00);opacity:0.27}12.5%{transform:translate(306.8px,195.8px) scale(1.00);opacity:0.95}18.8%{transform:translate(311.4px,193.1px) scale(1.01);opacity:0.95}25.0%{transform:translate(317.3px,189.9px) scale(1.01);opacity:0.95}31.2%{transform:translate(325.5px,186.1px) scale(1.01);opacity:0.95}37.5%{transform:translate(338.5px,182.4px) scale(1.02);opacity:0.95}43.8%{transform:translate(352.7px,180.9px) scale(1.03);opacity:0.95}50.0%{transform:translate(368.3px,180.0px) scale(1.03);opacity:0.95}56.2%{transform:translate(385.2px,177.0px) scale(1.04);opacity:0.95}62.5%{transform:translate(403.4px,171.6px) scale(1.04);opacity:0.95}68.8%{transform:translate(423.2px,165.9px) scale(1.05);opacity:0.85}75.0%{transform:translate(444.4px,163.1px) scale(1.06);opacity:0.68}81.2%{transform:translate(467.2px,163.1px) scale(1.06);opacity:0.51}87.5%{transform:translate(491.6px,162.0px) scale(1.07);opacity:0.34}93.8%{transform:translate(517.7px,155.0px) scale(1.07);opacity:0.17}100.0%{transform:translate(545.4px,141.4px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-4{0.0%{transform:translate(297.2px,192.4px) scale(1.00);opacity:0.00}6.2%{transform:translate(298.7px,190.9px) scale(1.00);opacity:0.27}12.5%{transform:translate(301.7px,188.1px) scale(1.00);opacity:0.95}18.8%{transform:translate(305.8px,184.7px) scale(1.01);opacity:0.95}25.0%{transform:translate(311.0px,181.2px) scale(1.01);opacity:0.95}31.2%{transform:translate(317.9px,177.6px) scale(1.01);opacity:0.95}37.5%{transform:translate(328.4px,174.0px) scale(1.02);opacity:0.95}43.8%{transform:translate(339.4px,171.3px) scale(1.03);opacity:0.95}50.0%{transform:translate(351.0px,168.4px) scale(1.03);opacity:0.95}56.2%{transform:translate(363.3px,164.3px) scale(1.04);opacity:0.95}62.5%{transform:translate(376.3px,159.1px) scale(1.04);opacity:0.95}68.8%{transform:translate(389.9px,153.7px) scale(1.05);opacity:0.85}75.0%{transform:translate(404.4px,149.5px) scale(1.06);opacity:0.68}81.2%{transform:translate(419.7px,147.8px) scale(1.06);opacity:0.51}87.5%{transform:translate(435.9px,148.4px) scale(1.07);opacity:0.34}93.8%{transform:translate(453.0px,150.3px) scale(1.07);opacity:0.17}100.0%{transform:translate(471.1px,151.1px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-5{0.0%{transform:translate(268.0px,167.7px) scale(1.00);opacity:0.00}6.2%{transform:translate(269.7px,166.3px) scale(1.00);opacity:0.27}12.5%{transform:translate(273.4px,163.5px) scale(1.00);opacity:0.95}18.8%{transform:translate(278.7px,159.6px) scale(1.01);opacity:0.95}25.0%{transform:translate(285.5px,154.7px) scale(1.01);opacity:0.95}31.2%{transform:translate(294.8px,148.5px) scale(1.01);opacity:0.95}37.5%{transform:translate(309.3px,140.1px) scale(1.02);opacity:0.95}43.8%{transform:translate(324.8px,132.9px) scale(1.03);opacity:0.95}50.0%{transform:translate(341.0px,127.0px) scale(1.03);opacity:0.95}56.2%{transform:translate(357.7px,121.4px) scale(1.04);opacity:0.95}62.5%{transform:translate(374.8px,115.1px) scale(1.04);opacity:0.95}68.8%{transform:translate(392.1px,107.6px) scale(1.05);opacity:0.85}75.0%{transform:translate(409.5px,99.0px) scale(1.06);opacity:0.68}81.2%{transform:translate(426.7px,90.5px) scale(1.06);opacity:0.51}87.5%{transform:translate(443.6px,83.7px) scale(1.07);opacity:0.34}93.8%{transform:translate(459.9px,80.1px) scale(1.07);opacity:0.17}100.0%{transform:translate(475.6px,80.2px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-6{0.0%{transform:translate(230.3px,156.4px) scale(1.00);opacity:0.00}6.2%{transform:translate(231.3px,155.0px) scale(1.00);opacity:0.27}12.5%{transform:translate(233.4px,152.3px) scale(1.00);opacity:0.95}18.8%{transform:translate(236.7px,149.0px) scale(1.01);opacity:0.95}25.0%{transform:translate(241.4px,145.4px) scale(1.01);opacity:0.95}31.2%{transform:translate(248.4px,141.4px) scale(1.01);opacity:0.95}37.5%{transform:translate(260.7px,135.8px) scale(1.02);opacity:0.95}43.8%{transform:translate(275.3px,129.5px) scale(1.03);opacity:0.95}50.0%{transform:translate(292.1px,122.6px) scale(1.03);opacity:0.95}56.2%{transform:translate(310.9px,116.9px) scale(1.04);opacity:0.95}62.5%{transform:translate(331.5px,114.4px) scale(1.04);opacity:0.95}68.8%{transform:translate(354.0px,115.8px) scale(1.05);opacity:0.85}75.0%{transform:translate(378.2px,119.5px) scale(1.06);opacity:0.68}81.2%{transform:translate(404.0px,122.4px) scale(1.06);opacity:0.51}87.5%{transform:translate(431.2px,121.9px) scale(1.07);opacity:0.34}93.8%{transform:translate(459.7px,117.8px) scale(1.07);opacity:0.17}100.0%{transform:translate(489.5px,113.3px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-7{0.0%{transform:translate(291.4px,185.7px) scale(1.00);opacity:0.00}6.2%{transform:translate(292.2px,184.2px) scale(1.00);opacity:0.27}12.5%{transform:translate(294.1px,181.5px) scale(1.00);opacity:0.95}18.8%{transform:translate(297.1px,178.2px) scale(1.01);opacity:0.95}25.0%{transform:translate(301.5px,174.8px) scale(1.01);opacity:0.95}31.2%{transform:translate(308.2px,171.6px) scale(1.01);opacity:0.95}37.5%{transform:translate(320.0px,168.9px) scale(1.02);opacity:0.95}43.8%{transform:translate(333.9px,166.7px) scale(1.03);opacity:0.95}50.0%{transform:translate(349.6px,162.7px) scale(1.03);opacity:0.95}56.2%{transform:translate(366.9px,155.9px) scale(1.04);opacity:0.95}62.5%{transform:translate(385.5px,147.5px) scale(1.04);opacity:0.95}68.8%{transform:translate(405.1px,140.3px) scale(1.05);opacity:0.85}75.0%{transform:translate(425.4px,136.9px) scale(1.06);opacity:0.68}81.2%{transform:translate(446.2px,137.2px) scale(1.06);opacity:0.51}87.5%{transform:translate(467.3px,138.2px) scale(1.07);opacity:0.34}93.8%{transform:translate(488.3px,135.1px) scale(1.07);opacity:0.17}100.0%{transform:translate(508.9px,123.7px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-8{0.0%{transform:translate(215.3px,156.2px) scale(1.00);opacity:0.00}6.2%{transform:translate(217.0px,154.7px) scale(1.00);opacity:0.27}12.5%{transform:translate(220.4px,151.7px) scale(1.00);opacity:0.95}18.8%{transform:translate(225.2px,147.9px) scale(1.01);opacity:0.95}25.0%{transform:translate(231.2px,143.5px) scale(1.01);opacity:0.95}31.2%{transform:translate(239.4px,138.4px) scale(1.01);opacity:0.95}37.5%{transform:translate(252.1px,131.4px) scale(1.02);opacity:0.95}43.8%{transform:translate(265.7px,123.7px) scale(1.03);opacity:0.95}50.0%{transform:translate(280.5px,115.0px) scale(1.03);opacity:0.95}56.2%{transform:translate(296.4px,107.1px) scale(1.04);opacity:0.95}62.5%{transform:translate(313.7px,102.2px) scale(1.04);opacity:0.95}68.8%{transform:translate(332.3px,100.6px) scale(1.05);opacity:0.85}75.0%{transform:translate(352.5px,100.1px) scale(1.06);opacity:0.68}81.2%{transform:translate(374.3px,97.5px) scale(1.06);opacity:0.51}87.5%{transform:translate(397.8px,91.7px) scale(1.07);opacity:0.34}93.8%{transform:translate(423.2px,85.4px) scale(1.07);opacity:0.17}100.0%{transform:translate(450.5px,83.0px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-9{0.0%{transform:translate(225.3px,156.1px) scale(1.00);opacity:0.00}6.2%{transform:translate(226.1px,154.7px) scale(1.00);opacity:0.27}12.5%{transform:translate(227.9px,152.1px) scale(1.00);opacity:0.95}18.8%{transform:translate(230.6px,148.6px) scale(1.01);opacity:0.95}25.0%{transform:translate(234.1px,144.7px) scale(1.01);opacity:0.95}31.2%{transform:translate(239.2px,140.3px) scale(1.01);opacity:0.95}37.5%{transform:translate(247.7px,134.4px) scale(1.02);opacity:0.95}43.8%{transform:translate(257.4px,127.1px) scale(1.03);opacity:0.95}50.0%{transform:translate(268.5px,117.5px) scale(1.03);opacity:0.95}56.2%{transform:translate(280.9px,107.2px) scale(1.04);opacity:0.95}62.5%{transform:translate(294.7px,99.8px) scale(1.04);opacity:0.95}68.8%{transform:translate(310.0px,97.3px) scale(1.05);opacity:0.85}75.0%{transform:translate(326.8px,97.7px) scale(1.06);opacity:0.68}81.2%{transform:translate(345.2px,96.3px) scale(1.06);opacity:0.51}87.5%{transform:translate(365.1px,89.4px) scale(1.07);opacity:0.34}93.8%{transform:translate(386.7px,78.4px) scale(1.07);opacity:0.17}100.0%{transform:translate(409.9px,69.5px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-10{0.0%{transform:translate(284.1px,178.8px) scale(1.00);opacity:0.00}6.2%{transform:translate(285.3px,177.3px) scale(1.00);opacity:0.27}12.5%{transform:translate(288.0px,174.3px) scale(1.00);opacity:0.95}18.8%{transform:translate(291.7px,170.4px) scale(1.01);opacity:0.95}25.0%{transform:translate(296.6px,166.0px) scale(1.01);opacity:0.95}31.2%{transform:translate(303.3px,161.2px) scale(1.01);opacity:0.95}37.5%{transform:translate(314.2px,156.5px) scale(1.02);opacity:0.95}43.8%{transform:translate(326.3px,152.6px) scale(1.03);opacity:0.95}50.0%{transform:translate(339.6px,146.9px) scale(1.03);opacity:0.95}56.2%{transform:translate(354.2px,138.6px) scale(1.04);opacity:0.95}62.5%{transform:translate(370.2px,130.5px) scale(1.04);opacity:0.95}68.8%{transform:translate(387.7px,126.2px) scale(1.05);opacity:0.85}75.0%{transform:translate(406.7px,126.6px) scale(1.06);opacity:0.68}81.2%{transform:translate(427.2px,127.5px) scale(1.06);opacity:0.51}87.5%{transform:translate(449.4px,123.3px) scale(1.07);opacity:0.34}93.8%{transform:translate(473.2px,111.7px) scale(1.07);opacity:0.17}100.0%{transform:translate(498.9px,97.1px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-11{0.0%{transform:translate(273.3px,170.9px) scale(1.00);opacity:0.00}6.2%{transform:translate(274.9px,170.0px) scale(1.00);opacity:0.27}12.5%{transform:translate(278.4px,168.0px) scale(1.00);opacity:0.95}18.8%{transform:translate(283.6px,165.0px) scale(1.01);opacity:0.95}25.0%{transform:translate(290.6px,161.0px) scale(1.01);opacity:0.95}31.2%{transform:translate(300.6px,155.4px) scale(1.01);opacity:0.95}37.5%{transform:translate(317.2px,147.4px) scale(1.02);opacity:0.95}43.8%{transform:translate(335.8px,140.9px) scale(1.03);opacity:0.95}50.0%{transform:translate(356.0px,136.2px) scale(1.03);opacity:0.95}56.2%{transform:translate(377.6px,132.6px) scale(1.04);opacity:0.95}62.5%{transform:translate(400.4px,128.3px) scale(1.04);opacity:0.95}68.8%{transform:translate(423.9px,121.6px) scale(1.05);opacity:0.85}75.0%{transform:translate(448.0px,112.1px) scale(1.06);opacity:0.68}81.2%{transform:translate(472.3px,100.7px) scale(1.06);opacity:0.51}87.5%{transform:translate(496.6px,90.3px) scale(1.07);opacity:0.34}93.8%{transform:translate(520.5px,84.0px) scale(1.07);opacity:0.17}100.0%{transform:translate(543.8px,84.0px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-12{0.0%{transform:translate(249.5px,160.0px) scale(1.00);opacity:0.00}6.2%{transform:translate(251.0px,158.6px) scale(1.00);opacity:0.27}12.5%{transform:translate(254.2px,155.8px) scale(1.00);opacity:0.95}18.8%{transform:translate(258.5px,152.2px) scale(1.01);opacity:0.95}25.0%{transform:translate(263.8px,147.9px) scale(1.01);opacity:0.95}31.2%{transform:translate(271.0px,142.4px) scale(1.01);opacity:0.95}37.5%{transform:translate(282.0px,134.0px) scale(1.02);opacity:0.95}43.8%{transform:translate(293.7px,125.1px) scale(1.03);opacity:0.95}50.0%{transform:translate(306.3px,116.6px) scale(1.03);opacity:0.95}56.2%{transform:translate(319.9px,109.7px) scale(1.04);opacity:0.95}62.5%{transform:translate(334.7px,105.3px) scale(1.04);opacity:0.95}68.8%{transform:translate(350.9px,103.1px) scale(1.05);opacity:0.85}75.0%{transform:translate(368.5px,101.4px) scale(1.06);opacity:0.68}81.2%{transform:translate(387.7px,98.1px) scale(1.06);opacity:0.51}87.5%{transform:translate(408.8px,91.6px) scale(1.07);opacity:0.34}93.8%{transform:translate(431.7px,82.0px) scale(1.07);opacity:0.17}100.0%{transform:translate(456.8px,71.1px) scale(1.08);opacity:0.00}}
@keyframes ccd-fly-13{0.0%{transform:translate(256.2px,162.3px) scale(1.00);opacity:0.00}6.2%{transform:translate(257.7px,160.8px) scale(1.00);opacity:0.27}12.5%{transform:translate(260.9px,157.9px) scale(1.00);opacity:0.95}18.8%{transform:translate(265.6px,154.0px) scale(1.01);opacity:0.95}25.0%{transform:translate(272.0px,149.2px) scale(1.01);opacity:0.95}31.2%{transform:translate(281.0px,142.7px) scale(1.01);opacity:0.95}37.5%{transform:translate(295.7px,131.4px) scale(1.02);opacity:0.95}43.8%{transform:translate(311.9px,118.7px) scale(1.03);opacity:0.95}50.0%{transform:translate(329.5px,107.0px) scale(1.03);opacity:0.95}56.2%{transform:translate(348.0px,99.2px) scale(1.04);opacity:0.95}62.5%{transform:translate(367.3px,95.8px) scale(1.04);opacity:0.95}68.8%{transform:translate(387.1px,94.4px) scale(1.05);opacity:0.85}75.0%{transform:translate(407.1px,90.5px) scale(1.06);opacity:0.68}81.2%{transform:translate(427.1px,80.9px) scale(1.06);opacity:0.51}87.5%{transform:translate(446.7px,66.7px) scale(1.07);opacity:0.34}93.8%{transform:translate(465.8px,53.0px) scale(1.07);opacity:0.17}100.0%{transform:translate(484.1px,46.1px) scale(1.08);opacity:0.00}}
