/* =====================================================================
   CARD OVERLAY - variante "Circuito" (signin + signup)
   Caricato dopo omni_base.css. Gli input (floating, errori, occhio password)
   sono standard in omni_base.css: qui solo layout della card e componenti
   specifici delle pagine di accesso.
   ===================================================================== */

.card-overlay {
    --circ-primary: #005678;
    --circ-accent: #0073B5;
    --circ-mint: #00FF9F;
    --circ-ink: #262626;
    --circ-label: #4A4A4A;
    --circ-muted: #6E6E6E;
    --circ-soft: #767676;
    --circ-line: #E1E1E1;
    --circ-stage-h: 600px;
    --circ-art-w: 480px;
}

    .card-overlay *,
    .card-overlay *::before,
    .card-overlay *::after {
        box-sizing: border-box;
    }

/* ---------- card ---------- */
.card-overlay-container {
    width: 100%;
    max-width: 1180px;
    min-height: 600px;
    margin: 0 auto;
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

@media (prefers-reduced-motion: no-preference) {
    .card-overlay-container {
        animation: circ-rise 0.6s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal backwards;
    }
}

@keyframes circ-rise {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: none; }
}

/* ---------- pannello Circuito ---------- */
.card-overlay .overlay-container {
    flex: 0 0 var(--circ-art-w);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    border-radius: 0;
    color: #fff;
    background-color: #00212E; /* fallback */
    background: radial-gradient(circle closest-side at 50% 44%, rgba(0, 115, 181, .45), rgba(0, 115, 181, 0) 115%), linear-gradient(164deg, #00344A 0%, #000E12 100%);
}

    /* area di disegno a dimensione fissa, ancorata in alto: non si scala con l'altezza della pagina */
.card-overlay .circ-stage {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: var(--circ-stage-h);
    background-image: url("data:image/svg+xml;utf8,\
<svg class='cx-drete' viewBox='0 0 400 500' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg'> \
  <style> \
    .cx-drete{--_l:var(--cx-logo,%23FFFFFF);--_m:var(--cx-pulse,%2300FF9F);--_t:var(--cx-cycle,4s)} \
    .cx-drete .logo{fill:var(--_l);animation:cxrs-in 1.2s cubic-bezier(.2,.8,.2,1) both} \
    .cx-drete .edge{fill:none;stroke:%237FD8FF;stroke-opacity:.16;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:miter} \
    .cx-drete .nd{fill:%237FD8FF;fill-opacity:.45} \
    .cx-drete .xing{fill:%237FD8FF;fill-opacity:.35} \
    .cx-drete .hub{fill:none;stroke:%237FD8FF;stroke-opacity:.25;stroke-width:1} \
    .cx-drete .beam{fill:none;stroke:var(--_m);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16 300;stroke-dashoffset:16;filter:drop-shadow(0 0 3px var(--_m));animation:cxrs-beam linear infinite} \
    .cx-drete .lit{fill:var(--_m);opacity:0;filter:drop-shadow(0 0 4px var(--_m));animation:cxrs-lit ease-out infinite} \
    .cx-drete .halo{fill:none;stroke:var(--_m);stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center;animation:cxrs-halo ease-out infinite} \
    @keyframes cxrs-beam{0%25{stroke-dashoffset:16}60%25,100%25{stroke-dashoffset:-100}} \
    @keyframes cxrs-lit{0%25{opacity:1}22%25,100%25{opacity:0}} \
    @keyframes cxrs-halo{0%25{opacity:.9;transform:scale(1)}20%25,100%25{opacity:0;transform:scale(3.4)}} \
    @keyframes cxrs-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} \
    @media (prefers-reduced-motion:reduce){.cx-drete *{animation:none!important}.cx-drete .beam,.cx-drete .lit,.cx-drete .halo{opacity:0}} \
  </style> \
  <defs> \
    <radialGradient id='cxrs-vg' cx='.5' cy='.46' r='.62'><stop offset='0' stop-color='%23FFF'/><stop offset='.7' stop-color='%23FFF' stop-opacity='.85'/><stop offset='1' stop-color='%23FFF' stop-opacity='0'/></radialGradient> \
    <mask id='cxrs-vig' maskUnits='userSpaceOnUse' x='-20' y='-20' width='440' height='540'><rect x='-20' y='-20' width='440' height='540' fill='url(%23cxrs-vg)'/></mask> \
  </defs> \
  <g class='net' mask='url(%23cxrs-vig)'> \
    <path class='edge' d='M220,170 L340,170 M280,170 L280,90 M400,40 L400,100 L310,100 M220,420 L220,310 L140,310 M320,260 L320,360 M160,210 L330,210 M160,280 L160,110 L300,110 M130,230 L50,230 M80,90 L80,30 M80,60 L10,60 M100,500 L100,430 M130,370 L130,460 L0,460 M220,60 L110,60 L110,-10 M170,390 L170,490 M170,440 L270,440 M100,370 L20,370 L20,260 M230,270 L90,270 M200,140 L200,0 L250,0 M260,240 L160,240 M380,180 L380,330 L340,330 M90,500 L-10,500 M380,400 L320,400 M60,320 L60,180 L20,180 M150,100 L0,100 M110,360 L180,360 L180,290 M240,370 L380,370 M380,-10 L260,-10 L260,40 M390,490 L390,360 M390,430 L320,430 M360,110 L360,40 L260,40'/> \
    <circle class='nd' cx='0' cy='460' r='2.2'/><circle class='nd' cx='0' cy='100' r='2.2'/><circle class='nd' cx='360' cy='110' r='2.2'/><circle class='nd' cx='280' cy='90' r='2.2'/><circle class='nd' cx='100' cy='370' r='2.2'/><circle class='nd' cx='310' cy='100' r='2.2'/><circle class='nd' cx='380' cy='180' r='2.2'/><circle class='nd' cx='320' cy='260' r='2.2'/><circle class='nd' cx='220' cy='170' r='2.2'/><circle class='nd' cx='220' cy='420' r='2.2'/><circle class='nd' cx='220' cy='60' r='2.2'/><circle class='nd' cx='340' cy='330' r='2.2'/><circle class='nd' cx='320' cy='400' r='2.2'/><circle class='hub' cx='160' cy='210' r='6'/><circle class='nd' cx='160' cy='210' r='2.8'/><circle class='nd' cx='250' cy='0' r='2.2'/><circle class='nd' cx='90' cy='500' r='2.2'/><circle class='nd' cx='160' cy='280' r='2.2'/><circle class='nd' cx='320' cy='360' r='2.2'/><circle class='hub' cx='170' cy='440' r='6'/><circle class='nd' cx='170' cy='440' r='2.8'/><circle class='nd' cx='90' cy='270' r='2.2'/><circle class='nd' cx='240' cy='370' r='2.2'/><circle class='nd' cx='100' cy='430' r='2.2'/><circle class='nd' cx='380' cy='-10' r='2.2'/><circle class='nd' cx='20' cy='260' r='2.2'/><circle class='hub' cx='160' cy='240' r='6'/><circle class='nd' cx='160' cy='240' r='2.8'/><circle class='nd' cx='130' cy='230' r='2.2'/><circle class='nd' cx='320' cy='430' r='2.2'/><circle class='nd' cx='200' cy='140' r='2.2'/><circle class='nd' cx='-10' cy='500' r='2.2'/><circle class='nd' cx='100' cy='500' r='2.2'/><circle class='hub' cx='260' cy='40' r='6'/><circle class='nd' cx='260' cy='40' r='2.8'/><circle class='nd' cx='300' cy='110' r='2.2'/><circle class='nd' cx='10' cy='60' r='2.2'/><circle class='nd' cx='140' cy='310' r='2.2'/><circle class='nd' cx='80' cy='30' r='2.2'/><circle class='nd' cx='130' cy='370' r='2.2'/><circle class='nd' cx='60' cy='320' r='2.2'/><circle class='nd' cx='340' cy='170' r='2.2'/><circle class='nd' cx='390' cy='360' r='2.2'/><circle class='hub' cx='390' cy='430' r='6'/><circle class='nd' cx='390' cy='430' r='2.8'/><circle class='nd' cx='20' cy='180' r='2.2'/><circle class='hub' cx='80' cy='60' r='6'/><circle class='nd' cx='80' cy='60' r='2.8'/><circle class='nd' cx='50' cy='230' r='2.2'/><circle class='nd' cx='110' cy='360' r='2.2'/><circle class='nd' cx='390' cy='490' r='2.2'/><circle class='nd' cx='170' cy='390' r='2.2'/><circle class='nd' cx='230' cy='270' r='2.2'/><circle class='nd' cx='180' cy='290' r='2.2'/><circle class='nd' cx='150' cy='100' r='2.2'/><circle class='hub' cx='280' cy='170' r='6'/><circle class='nd' cx='280' cy='170' r='2.8'/><circle class='nd' cx='270' cy='440' r='2.2'/><circle class='nd' cx='380' cy='370' r='2.2'/><circle class='nd' cx='80' cy='90' r='2.2'/><circle class='nd' cx='260' cy='240' r='2.2'/><circle class='nd' cx='400' cy='40' r='2.2'/><circle class='nd' cx='110' cy='-10' r='2.2'/><circle class='nd' cx='170' cy='490' r='2.2'/><circle class='nd' cx='330' cy='210' r='2.2'/><circle class='nd' cx='380' cy='400' r='2.2'/><rect class='xing' x='358' y='98' width='4' height='4'/><rect class='xing' x='178' y='308' width='4' height='4'/><rect class='xing' x='278' y='108' width='4' height='4'/><rect class='xing' x='198' y='108' width='4' height='4'/><rect class='xing' x='58' y='228' width='4' height='4'/><rect class='xing' x='98' y='458' width='4' height='4'/><rect class='xing' x='198' y='58' width='4' height='4'/><rect class='xing' x='158' y='268' width='4' height='4'/> \
    <path class='beam' pathLength='100' style='animation-duration:7.4s;animation-delay:-1.30s' d='M260,40 L360,40 L360,110'/><path class='beam' pathLength='100' style='animation-duration:7.0s;animation-delay:-1.37s' d='M100,500 L100,430'/><path class='beam' pathLength='100' style='animation-duration:6.8s;animation-delay:-4.00s' d='M110,-10 L110,60 L220,60'/><path class='beam' pathLength='100' style='animation-duration:4.7s;animation-delay:-1.50s' d='M50,230 L130,230'/><path class='beam' pathLength='100' style='animation-duration:6.6s;animation-delay:-0.57s' d='M10,60 L80,60'/><path class='beam' pathLength='100' style='animation-duration:6.7s;animation-delay:-5.57s' d='M240,370 L380,370'/><path class='beam' pathLength='100' style='animation-duration:5.9s;animation-delay:-0.59s' d='M320,360 L320,260'/><path class='beam' pathLength='100' style='animation-duration:4.8s;animation-delay:-3.34s' d='M130,370 L130,460 L0,460'/><path class='beam' pathLength='100' style='animation-duration:4.9s;animation-delay:-7.03s' d='M260,240 L160,240'/><path class='beam' pathLength='100' style='animation-duration:7.4s;animation-delay:-5.63s' d='M110,360 L180,360 L180,290'/><path class='beam' pathLength='100' style='animation-duration:5.2s;animation-delay:-3.54s' d='M160,210 L330,210'/><path class='beam' pathLength='100' style='animation-duration:5.7s;animation-delay:-7.10s' d='M390,430 L320,430'/><path class='beam' pathLength='100' style='animation-duration:4.6s;animation-delay:-2.69s' d='M260,40 L260,-10 L380,-10'/><path class='beam' pathLength='100' style='animation-duration:7.5s;animation-delay:-6.79s' d='M90,270 L230,270'/><path class='beam' pathLength='100' style='animation-duration:5.9s;animation-delay:-5.19s' d='M250,0 L200,0 L200,140'/><path class='beam' pathLength='100' style='animation-duration:4.8s;animation-delay:-6.33s' d='M340,170 L220,170'/> \
    <circle class='lit' cx='360' cy='100' r='3.2' style='animation-duration:7.4s;animation-delay:2.29s'/><circle class='halo' cx='360' cy='100' r='3.2' style='animation-duration:7.4s;animation-delay:2.29s'/><circle class='lit' cx='360' cy='110' r='3.2' style='animation-duration:7.4s;animation-delay:2.52s'/><circle class='halo' cx='360' cy='110' r='3.2' style='animation-duration:7.4s;animation-delay:2.52s'/><circle class='lit' cx='100' cy='460' r='3.2' style='animation-duration:7.0s;animation-delay:0.70s'/><circle class='halo' cx='100' cy='460' r='3.2' style='animation-duration:7.0s;animation-delay:0.70s'/><circle class='lit' cx='100' cy='430' r='3.2' style='animation-duration:7.0s;animation-delay:2.25s'/><circle class='halo' cx='100' cy='430' r='3.2' style='animation-duration:7.0s;animation-delay:2.25s'/><circle class='lit' cx='200' cy='60' r='3.2' style='animation-duration:6.8s;animation-delay:-0.86s'/><circle class='halo' cx='200' cy='60' r='3.2' style='animation-duration:6.8s;animation-delay:-0.86s'/><circle class='lit' cx='220' cy='60' r='3.2' style='animation-duration:6.8s;animation-delay:-0.47s'/><circle class='halo' cx='220' cy='60' r='3.2' style='animation-duration:6.8s;animation-delay:-0.47s'/><circle class='lit' cx='60' cy='230' r='3.2' style='animation-duration:4.7s;animation-delay:-1.19s'/><circle class='halo' cx='60' cy='230' r='3.2' style='animation-duration:4.7s;animation-delay:-1.19s'/><circle class='lit' cx='130' cy='230' r='3.2' style='animation-duration:4.7s;animation-delay:0.95s'/><circle class='halo' cx='130' cy='230' r='3.2' style='animation-duration:4.7s;animation-delay:0.95s'/><circle class='lit' cx='80' cy='60' r='3.2' style='animation-duration:6.6s;animation-delay:2.85s'/><circle class='halo' cx='80' cy='60' r='3.2' style='animation-duration:6.6s;animation-delay:2.85s'/><circle class='lit' cx='380' cy='370' r='3.2' style='animation-duration:6.7s;animation-delay:-2.10s'/><circle class='halo' cx='380' cy='370' r='3.2' style='animation-duration:6.7s;animation-delay:-2.10s'/><circle class='lit' cx='320' cy='260' r='3.2' style='animation-duration:5.9s;animation-delay:2.45s'/><circle class='halo' cx='320' cy='260' r='3.2' style='animation-duration:5.9s;animation-delay:2.45s'/><circle class='lit' cx='100' cy='460' r='3.2' style='animation-duration:4.8s;animation-delay:-1.98s'/><circle class='halo' cx='100' cy='460' r='3.2' style='animation-duration:4.8s;animation-delay:-1.98s'/><circle class='lit' cx='0' cy='460' r='3.2' style='animation-duration:4.8s;animation-delay:-0.84s'/><circle class='halo' cx='0' cy='460' r='3.2' style='animation-duration:4.8s;animation-delay:-0.84s'/><circle class='lit' cx='160' cy='240' r='3.2' style='animation-duration:4.9s;animation-delay:-4.51s'/><circle class='halo' cx='160' cy='240' r='3.2' style='animation-duration:4.9s;animation-delay:-4.51s'/><circle class='lit' cx='180' cy='310' r='3.2' style='animation-duration:7.4s;animation-delay:-2.34s'/><circle class='halo' cx='180' cy='310' r='3.2' style='animation-duration:7.4s;animation-delay:-2.34s'/><circle class='lit' cx='180' cy='290' r='3.2' style='animation-duration:7.4s;animation-delay:-1.79s'/><circle class='halo' cx='180' cy='290' r='3.2' style='animation-duration:7.4s;animation-delay:-1.79s'/><circle class='lit' cx='330' cy='210' r='3.2' style='animation-duration:5.2s;animation-delay:-0.87s'/><circle class='halo' cx='330' cy='210' r='3.2' style='animation-duration:5.2s;animation-delay:-0.87s'/><circle class='lit' cx='320' cy='430' r='3.2' style='animation-duration:5.7s;animation-delay:-4.18s'/><circle class='halo' cx='320' cy='430' r='3.2' style='animation-duration:5.7s;animation-delay:-4.18s'/><circle class='lit' cx='380' cy='-10' r='3.2' style='animation-duration:4.6s;animation-delay:-0.30s'/><circle class='halo' cx='380' cy='-10' r='3.2' style='animation-duration:4.6s;animation-delay:-0.30s'/><circle class='lit' cx='160' cy='270' r='3.2' style='animation-duration:7.5s;animation-delay:-4.86s'/><circle class='halo' cx='160' cy='270' r='3.2' style='animation-duration:7.5s;animation-delay:-4.86s'/><circle class='lit' cx='230' cy='270' r='3.2' style='animation-duration:7.5s;animation-delay:-2.93s'/><circle class='halo' cx='230' cy='270' r='3.2' style='animation-duration:7.5s;animation-delay:-2.93s'/><circle class='lit' cx='200' cy='60' r='3.2' style='animation-duration:5.9s;animation-delay:-3.42s'/><circle class='halo' cx='200' cy='60' r='3.2' style='animation-duration:5.9s;animation-delay:-3.42s'/><circle class='lit' cx='200' cy='110' r='3.2' style='animation-duration:5.9s;animation-delay:-2.61s'/><circle class='halo' cx='200' cy='110' r='3.2' style='animation-duration:5.9s;animation-delay:-2.61s'/><circle class='lit' cx='200' cy='140' r='3.2' style='animation-duration:5.9s;animation-delay:-2.13s'/><circle class='halo' cx='200' cy='140' r='3.2' style='animation-duration:5.9s;animation-delay:-2.13s'/><circle class='lit' cx='280' cy='170' r='3.2' style='animation-duration:4.8s;animation-delay:-5.09s'/><circle class='halo' cx='280' cy='170' r='3.2' style='animation-duration:4.8s;animation-delay:-5.09s'/><circle class='lit' cx='220' cy='170' r='3.2' style='animation-duration:4.8s;animation-delay:-3.86s'/><circle class='halo' cx='220' cy='170' r='3.2' style='animation-duration:4.8s;animation-delay:-3.86s'/> \
  </g> \
  <g class='logo'><g transform='translate(138.96 146.40) scale(1.12)'><path fill-rule='evenodd' d='M1.25,45.00 L0.38,53.25 L0.38,64.50 L0.62,65.25 L1.62,65.75 L108.12,65.75 L108.75,65.50 L109.25,64.75 L109.25,52.62 L108.88,47.62 L107.75,41.75 L106.50,37.50 L104.75,33.00 L102.50,28.50 L99.25,23.38 L96.00,19.25 L91.75,14.88 L88.38,12.00 L83.00,8.25 L79.62,6.38 L75.00,4.25 L69.38,2.38 L64.50,1.25 L57.62,0.50 L52.25,0.50 L44.62,1.38 L40.75,2.25 L34.75,4.25 L30.12,6.38 L25.12,9.25 L22.12,11.38 L17.00,15.75 L13.50,19.50 L9.50,24.75 L6.75,29.38 L4.12,35.00 L2.25,40.62Z M24.25,42.88 L25.00,41.00 L26.88,37.62 L30.00,33.38 L33.25,30.12 L37.25,27.12 L41.38,24.88 L46.62,23.00 L52.62,22.00 L57.00,22.00 L62.50,22.88 L66.25,24.00 L71.00,26.25 L75.25,29.12 L79.50,33.12 L81.50,35.62 L83.88,39.38 L85.12,42.00 L85.38,43.38 L85.00,43.88 L84.00,44.12 L25.50,44.12 L24.75,43.88 L24.25,43.38Z'/><path d='M0.62,110.25 L0.38,111.00 L0.38,129.88 L0.50,130.38 L1.12,131.00 L34.62,131.12 L35.50,131.62 L35.50,132.62 L33.75,135.88 L12.38,172.50 L11.75,174.25 L12.62,175.25 L29.12,184.75 L30.38,184.50 L53.50,144.62 L54.62,143.38 L55.50,143.62 L56.00,144.25 L78.50,183.25 L79.50,184.62 L80.62,184.75 L94.62,176.75 L97.25,175.12 L97.88,174.50 L97.62,173.00 L74.62,133.50 L74.12,132.38 L74.12,131.75 L75.00,131.12 L108.25,131.12 L108.75,130.88 L109.25,130.00 L109.25,110.75 L108.62,109.88 L108.00,109.62 L66.75,109.62 L65.75,108.62 L65.50,88.25 L64.38,87.62 L45.00,87.62 L44.25,88.12 L44.00,89.25 L44.00,108.62 L43.38,109.50 L1.75,109.62Z'/></g></g> \
</svg>");
    background-size: cover, auto, auto;
    background-position: center;
    background-repeat: no-repeat;
}

.circ-art--inline-neon {
    background: #02090D url("data:image/svg+xml,%3Csvg class=%22cx-dneon%22 viewBox=%220 0 400 500%22 preserveAspectRatio=%22xMidYMid slice%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cstyle%3E .cx-dneon%7B--_m:var(--cx-neon,%2300FF9F);--_k:var(--cx-hot,%23FF2A6D);--_c:var(--cx-cyan,%2300E5FF);--_b:var(--cx-bg,%2302090D);--_t:var(--cx-glitch-cycle,6s)%7D .cx-dneon .bg%7Bfill:var(--_b)%7D .cx-dneon .haze-a%7Bstop-color:var(--_k);stop-opacity:.35%7D .cx-dneon .haze-b%7Bstop-color:var(--_k);stop-opacity:0%7D .cx-dneon .floor-a%7Bstop-color:var(--_k);stop-opacity:.10%7D .cx-dneon .floor-b%7Bstop-color:var(--_b);stop-opacity:0%7D .cx-dneon .vgrid%7Bfill:none;stroke:var(--_k);stroke-opacity:.45;stroke-width:1%7D .cx-dneon .hline%7Bstroke:var(--_k);stroke-width:1;opacity:0;animation:cxn2-floor 4s cubic-bezier(.55,0,1,.45) infinite%7D .cx-dneon .horizon%7Bstroke:var(--_k);stroke-width:1.6;filter:drop-shadow(0 0 4px var(--_k))%7D .cx-dneon .runner%7Bfill:none;stroke:var(--_m);stroke-width:2;stroke-linecap:round;stroke-dasharray:6 200;stroke-dashoffset:6;filter:drop-shadow(0 0 3px var(--_m));animation:cxn2-run 3s cubic-bezier(.55,0,1,.45) infinite%7D .cx-dneon .rain%7Bfill:var(--_m);fill-opacity:.32;font:10px ui-monospace,Consolas,monospace;animation-name:cxn2-rain;animation-timing-function:linear;animation-iteration-count:infinite%7D .cx-dneon .neon%7Bfill:var(--_b);fill-opacity:.55;stroke:var(--_m);stroke-width:1.6;stroke-linejoin:round;filter:drop-shadow(0 0 2px var(--_m)) drop-shadow(0 0 8px var(--_m));animation:cxn2-flicker var(--_t) steps(1) infinite%7D .cx-dneon .ghost%7Bfill:none;stroke-width:1.6;opacity:0;mix-blend-mode:screen%7D .cx-dneon .gk%7Bstroke:var(--_k);animation:cxn2-gk var(--_t) steps(1) infinite%7D .cx-dneon .gc%7Bstroke:var(--_c);animation:cxn2-gc var(--_t) steps(1) infinite%7D .cx-dneon .slice%7Bopacity:0;animation:cxn2-slice var(--_t) steps(1) infinite%7D .cx-dneon .scan%7Bfill:url(%23cxn2-scanbar);animation:cxn2-scan 5s linear infinite%7D .cx-dneon .lines%7Bfill:url(%23cxn2-scan)%7D %40keyframes cxn2-floor%7B0%25%7Btransform:translateY(0);opacity:0%7D15%25%7Bopacity:.55%7D100%25%7Btransform:translateY(210px);opacity:.9%7D%7D %40keyframes cxn2-run%7B0%25%7Bstroke-dashoffset:6%7D100%25%7Bstroke-dashoffset:-100%7D%7D %40keyframes cxn2-rain%7Bfrom%7Btransform:translateY(0)%7Dto%7Btransform:translateY(520px)%7D%7D %40keyframes cxn2-flicker%7B0%25%7Bopacity:1%7D2%25%7Bopacity:.35%7D3%25%7Bopacity:1%7D4.5%25%7Bopacity:.6%7D5%25,100%25%7Bopacity:1%7D%7D %40keyframes cxn2-gk%7B0%25,100%25%7Bopacity:0;transform:none%7D1%25%7Bopacity:.9;transform:translate(-5px,1px)%7D2.5%25%7Bopacity:.7;transform:translate(3px,-1px)%7D4%25%7Bopacity:0%7D%7D %40keyframes cxn2-gc%7B0%25,100%25%7Bopacity:0;transform:none%7D1%25%7Bopacity:.9;transform:translate(5px,-1px)%7D2.5%25%7Bopacity:.7;transform:translate(-3px,1px)%7D4%25%7Bopacity:0%7D%7D %40keyframes cxn2-slice%7B0%25,100%25%7Bopacity:0;transform:none%7D1.5%25%7Bopacity:1;transform:translateX(10px)%7D3%25%7Bopacity:1;transform:translateX(-7px)%7D4%25%7Bopacity:0;transform:none%7D%7D %40keyframes cxn2-scan%7Bfrom%7Btransform:translateY(-80px)%7Dto%7Btransform:translateY(520px)%7D%7D %40media (prefers-reduced-motion:reduce)%7B.cx-dneon *%7Banimation:none!important%7D.cx-dneon .ghost,.cx-dneon .slice,.cx-dneon .runner,.cx-dneon .hline%7Bopacity:0%7D.cx-dneon .scan%7Bdisplay:none%7D%7D %3C/style%3E%3Cdefs%3E%3CradialGradient id=%22cxn2-haze%22 cx=%22.5%22 cy=%22.5%22 r=%22.5%22%3E%3Cstop class=%22haze-a%22 offset=%220%22/%3E%3Cstop class=%22haze-b%22 offset=%221%22/%3E%3C/radialGradient%3E%3ClinearGradient id=%22cxn2-floor%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop class=%22floor-a%22 offset=%220%22/%3E%3Cstop class=%22floor-b%22 offset=%221%22/%3E%3C/linearGradient%3E%3ClinearGradient id=%22cxn2-fade%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23000%22/%3E%3Cstop offset=%22.25%22 stop-color=%22%23FFF%22/%3E%3Cstop offset=%22.7%22 stop-color=%22%23FFF%22/%3E%3Cstop offset=%221%22 stop-color=%22%23000%22/%3E%3C/linearGradient%3E%3Cmask id=%22cxn2-rainmask%22 maskUnits=%22userSpaceOnUse%22 x=%220%22 y=%220%22 width=%22400%22 height=%22300%22%3E%3Crect width=%22400%22 height=%22300%22 fill=%22url(%23cxn2-fade)%22/%3E%3C/mask%3E%3CclipPath id=%22cxn2-floorclip%22%3E%3Crect x=%220%22 y=%22300%22 width=%22400%22 height=%22200%22/%3E%3C/clipPath%3E%3CclipPath id=%22cxn2-band%22%3E%3Crect x=%22-10%22 y=%2240%22 width=%22130%22 height=%2234%22/%3E%3C/clipPath%3E%3Cpattern id=%22cxn2-scan%22 width=%224%22 height=%224%22 patternUnits=%22userSpaceOnUse%22%3E%3Crect width=%224%22 height=%221%22 fill=%22%23000%22 fill-opacity=%22.35%22/%3E%3C/pattern%3E%3ClinearGradient id=%22cxn2-scanbar%22 x1=%220%22 y1=%220%22 x2=%220%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23FFFFFF%22 stop-opacity=%220%22/%3E%3Cstop offset=%22.5%22 stop-color=%22%23FFFFFF%22 stop-opacity=%22.06%22/%3E%3Cstop offset=%221%22 stop-color=%22%23FFFFFF%22 stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect class=%22bg%22 width=%22400%22 height=%22500%22/%3E%3Cellipse cx=%22200%22 cy=%22300%22 rx=%22260%22 ry=%22170%22 fill=%22url(%23cxn2-haze)%22/%3E%3Cg mask=%22url(%23cxn2-rainmask)%22%3E%3Ctext class=%22rain%22 style=%22animation-duration:6.603396695698008s;animation-delay:-1.9429965889989742s%22 y=%22-260%22%3E%3Ctspan x=%2222%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E0B%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1D%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E0D%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E01%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E01%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E0B%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1D%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1E%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1B%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E17%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1A%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E19%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E15%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1D%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1A%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1F%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E19%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E1B%3C/tspan%3E%3Ctspan x=%2222%22 dy=%2213%22%3E0E%3C/tspan%3E%3C/text%3E%3Ctext class=%22rain%22 style=%22animation-duration:8.443678173932307s;animation-delay:-2.132784657242076s%22 y=%22-260%22%3E%3Ctspan x=%2246%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1C%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E0E%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E18%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E0D%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1D%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1C%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E04%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E05%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E00%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E15%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E19%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E04%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1B%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E0E%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1C%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1C%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E0E%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E00%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E10%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1B%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1F%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1E%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E1F%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%2246%22 dy=%2213%22%3E03%3C/tspan%3E%3C/text%3E%3Ctext class=%22rain%22 style=%22animation-duration:8.961404897712377s;animation-delay:-4.498043522654585s%22 y=%22-260%22%3E%3Ctspan x=%22330%22 dy=%2213%22%3E15%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E15%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E17%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E17%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E17%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E10%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E18%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0B%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E1B%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0A%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0C%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0D%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E1E%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E05%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E00%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0E%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E00%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E0D%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22330%22 dy=%2213%22%3E09%3C/tspan%3E%3C/text%3E%3Ctext class=%22rain%22 style=%22animation-duration:9.054719137741243s;animation-delay:-3.0069715190174904s%22 y=%22-260%22%3E%3Ctspan x=%22356%22 dy=%2213%22%3E18%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0B%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1D%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E04%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0E%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E00%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E05%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E01%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1F%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E01%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0E%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1A%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1F%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0E%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0D%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0C%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1A%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E04%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E17%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0C%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E15%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E05%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1C%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1D%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E0B%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E10%3C/tspan%3E%3Ctspan x=%22356%22 dy=%2213%22%3E1E%3C/tspan%3E%3C/text%3E%3Ctext class=%22rain%22 style=%22animation-duration:6.07232792330815s;animation-delay:-2.6427486108162124s%22 y=%22-260%22%3E%3Ctspan x=%22378%22 dy=%2213%22%3E19%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E03%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E0D%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E1C%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E0F%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E0D%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E12%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E02%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E13%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E10%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E1D%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E14%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E05%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E19%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E09%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E15%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E1B%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E08%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E00%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E06%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E17%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E13%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E1F%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E19%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E07%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E16%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E0C%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E11%3C/tspan%3E%3Ctspan x=%22378%22 dy=%2213%22%3E00%3C/tspan%3E%3C/text%3E%3C/g%3E%3Crect x=%220%22 y=%22300%22 width=%22400%22 height=%22200%22 fill=%22url(%23cxn2-floor)%22/%3E%3Cg clip-path=%22url(%23cxn2-floorclip)%22%3E%3Cpath class=%22vgrid%22 d=%22M200,300 L-520,540 M200,300 L-440,540 M200,300 L-360,540 M200,300 L-280,540 M200,300 L-200,540 M200,300 L-120,540 M200,300 L-40,540 M200,300 L40,540 M200,300 L120,540 M200,300 L200,540 M200,300 L280,540 M200,300 L360,540 M200,300 L440,540 M200,300 L520,540 M200,300 L600,540 M200,300 L680,540 M200,300 L760,540 M200,300 L840,540 M200,300 L920,540 %22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:0.00s%22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:-0.50s%22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:-1.00s%22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:-1.50s%22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:-2.00s%22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:-2.50s%22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:-3.00s%22/%3E%3Cline class=%22hline%22 x1=%22-200%22 y1=%22300%22 x2=%22600%22 y2=%22300%22 style=%22animation-delay:-3.50s%22/%3E%3Cpath class=%22runner%22 pathLength=%22100%22 d=%22M200,300 L-200,540%22 style=%22animation-delay:-0.4s%22/%3E%3Cpath class=%22runner%22 pathLength=%22100%22 d=%22M200,300 L120,540%22 style=%22animation-delay:-1.9s%22/%3E%3Cpath class=%22runner%22 pathLength=%22100%22 d=%22M200,300 L440,540%22 style=%22animation-delay:-1.1s%22/%3E%3Cpath class=%22runner%22 pathLength=%22100%22 d=%22M200,300 L760,540%22 style=%22animation-delay:-2.6s%22/%3E%3C/g%3E%3Cline class=%22horizon%22 x1=%220%22 y1=%22300%22 x2=%22400%22 y2=%22300%22/%3E%3Cg transform=%22translate(129.15 59.50) scale(1.3)%22%3E%3Cg class=%22ghost gk%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.25,45.00 L0.38,53.25 L0.38,64.50 L0.62,65.25 L1.62,65.75 L108.12,65.75 L108.75,65.50 L109.25,64.75 L109.25,52.62 L108.88,47.62 L107.75,41.75 L106.50,37.50 L104.75,33.00 L102.50,28.50 L99.25,23.38 L96.00,19.25 L91.75,14.88 L88.38,12.00 L83.00,8.25 L79.62,6.38 L75.00,4.25 L69.38,2.38 L64.50,1.25 L57.62,0.50 L52.25,0.50 L44.62,1.38 L40.75,2.25 L34.75,4.25 L30.12,6.38 L25.12,9.25 L22.12,11.38 L17.00,15.75 L13.50,19.50 L9.50,24.75 L6.75,29.38 L4.12,35.00 L2.25,40.62Z M24.25,42.88 L25.00,41.00 L26.88,37.62 L30.00,33.38 L33.25,30.12 L37.25,27.12 L41.38,24.88 L46.62,23.00 L52.62,22.00 L57.00,22.00 L62.50,22.88 L66.25,24.00 L71.00,26.25 L75.25,29.12 L79.50,33.12 L81.50,35.62 L83.88,39.38 L85.12,42.00 L85.38,43.38 L85.00,43.88 L84.00,44.12 L25.50,44.12 L24.75,43.88 L24.25,43.38Z%22/%3E%3Cpath d=%22M0.62,110.25 L0.38,111.00 L0.38,129.88 L0.50,130.38 L1.12,131.00 L34.62,131.12 L35.50,131.62 L35.50,132.62 L33.75,135.88 L12.38,172.50 L11.75,174.25 L12.62,175.25 L29.12,184.75 L30.38,184.50 L53.50,144.62 L54.62,143.38 L55.50,143.62 L56.00,144.25 L78.50,183.25 L79.50,184.62 L80.62,184.75 L94.62,176.75 L97.25,175.12 L97.88,174.50 L97.62,173.00 L74.62,133.50 L74.12,132.38 L74.12,131.75 L75.00,131.12 L108.25,131.12 L108.75,130.88 L109.25,130.00 L109.25,110.75 L108.62,109.88 L108.00,109.62 L66.75,109.62 L65.75,108.62 L65.50,88.25 L64.38,87.62 L45.00,87.62 L44.25,88.12 L44.00,89.25 L44.00,108.62 L43.38,109.50 L1.75,109.62Z%22/%3E%3C/g%3E%3Cg class=%22ghost gc%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.25,45.00 L0.38,53.25 L0.38,64.50 L0.62,65.25 L1.62,65.75 L108.12,65.75 L108.75,65.50 L109.25,64.75 L109.25,52.62 L108.88,47.62 L107.75,41.75 L106.50,37.50 L104.75,33.00 L102.50,28.50 L99.25,23.38 L96.00,19.25 L91.75,14.88 L88.38,12.00 L83.00,8.25 L79.62,6.38 L75.00,4.25 L69.38,2.38 L64.50,1.25 L57.62,0.50 L52.25,0.50 L44.62,1.38 L40.75,2.25 L34.75,4.25 L30.12,6.38 L25.12,9.25 L22.12,11.38 L17.00,15.75 L13.50,19.50 L9.50,24.75 L6.75,29.38 L4.12,35.00 L2.25,40.62Z M24.25,42.88 L25.00,41.00 L26.88,37.62 L30.00,33.38 L33.25,30.12 L37.25,27.12 L41.38,24.88 L46.62,23.00 L52.62,22.00 L57.00,22.00 L62.50,22.88 L66.25,24.00 L71.00,26.25 L75.25,29.12 L79.50,33.12 L81.50,35.62 L83.88,39.38 L85.12,42.00 L85.38,43.38 L85.00,43.88 L84.00,44.12 L25.50,44.12 L24.75,43.88 L24.25,43.38Z%22/%3E%3Cpath d=%22M0.62,110.25 L0.38,111.00 L0.38,129.88 L0.50,130.38 L1.12,131.00 L34.62,131.12 L35.50,131.62 L35.50,132.62 L33.75,135.88 L12.38,172.50 L11.75,174.25 L12.62,175.25 L29.12,184.75 L30.38,184.50 L53.50,144.62 L54.62,143.38 L55.50,143.62 L56.00,144.25 L78.50,183.25 L79.50,184.62 L80.62,184.75 L94.62,176.75 L97.25,175.12 L97.88,174.50 L97.62,173.00 L74.62,133.50 L74.12,132.38 L74.12,131.75 L75.00,131.12 L108.25,131.12 L108.75,130.88 L109.25,130.00 L109.25,110.75 L108.62,109.88 L108.00,109.62 L66.75,109.62 L65.75,108.62 L65.50,88.25 L64.38,87.62 L45.00,87.62 L44.25,88.12 L44.00,89.25 L44.00,108.62 L43.38,109.50 L1.75,109.62Z%22/%3E%3C/g%3E%3Cg class=%22neon%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.25,45.00 L0.38,53.25 L0.38,64.50 L0.62,65.25 L1.62,65.75 L108.12,65.75 L108.75,65.50 L109.25,64.75 L109.25,52.62 L108.88,47.62 L107.75,41.75 L106.50,37.50 L104.75,33.00 L102.50,28.50 L99.25,23.38 L96.00,19.25 L91.75,14.88 L88.38,12.00 L83.00,8.25 L79.62,6.38 L75.00,4.25 L69.38,2.38 L64.50,1.25 L57.62,0.50 L52.25,0.50 L44.62,1.38 L40.75,2.25 L34.75,4.25 L30.12,6.38 L25.12,9.25 L22.12,11.38 L17.00,15.75 L13.50,19.50 L9.50,24.75 L6.75,29.38 L4.12,35.00 L2.25,40.62Z M24.25,42.88 L25.00,41.00 L26.88,37.62 L30.00,33.38 L33.25,30.12 L37.25,27.12 L41.38,24.88 L46.62,23.00 L52.62,22.00 L57.00,22.00 L62.50,22.88 L66.25,24.00 L71.00,26.25 L75.25,29.12 L79.50,33.12 L81.50,35.62 L83.88,39.38 L85.12,42.00 L85.38,43.38 L85.00,43.88 L84.00,44.12 L25.50,44.12 L24.75,43.88 L24.25,43.38Z%22/%3E%3Cpath d=%22M0.62,110.25 L0.38,111.00 L0.38,129.88 L0.50,130.38 L1.12,131.00 L34.62,131.12 L35.50,131.62 L35.50,132.62 L33.75,135.88 L12.38,172.50 L11.75,174.25 L12.62,175.25 L29.12,184.75 L30.38,184.50 L53.50,144.62 L54.62,143.38 L55.50,143.62 L56.00,144.25 L78.50,183.25 L79.50,184.62 L80.62,184.75 L94.62,176.75 L97.25,175.12 L97.88,174.50 L97.62,173.00 L74.62,133.50 L74.12,132.38 L74.12,131.75 L75.00,131.12 L108.25,131.12 L108.75,130.88 L109.25,130.00 L109.25,110.75 L108.62,109.88 L108.00,109.62 L66.75,109.62 L65.75,108.62 L65.50,88.25 L64.38,87.62 L45.00,87.62 L44.25,88.12 L44.00,89.25 L44.00,108.62 L43.38,109.50 L1.75,109.62Z%22/%3E%3C/g%3E%3Cg class=%22slice%22 clip-path=%22url(%23cxn2-band)%22%3E%3Cg class=%22neon%22 style=%22animation:none%22%3E%3Cpath fill-rule=%22evenodd%22 d=%22M1.25,45.00 L0.38,53.25 L0.38,64.50 L0.62,65.25 L1.62,65.75 L108.12,65.75 L108.75,65.50 L109.25,64.75 L109.25,52.62 L108.88,47.62 L107.75,41.75 L106.50,37.50 L104.75,33.00 L102.50,28.50 L99.25,23.38 L96.00,19.25 L91.75,14.88 L88.38,12.00 L83.00,8.25 L79.62,6.38 L75.00,4.25 L69.38,2.38 L64.50,1.25 L57.62,0.50 L52.25,0.50 L44.62,1.38 L40.75,2.25 L34.75,4.25 L30.12,6.38 L25.12,9.25 L22.12,11.38 L17.00,15.75 L13.50,19.50 L9.50,24.75 L6.75,29.38 L4.12,35.00 L2.25,40.62Z M24.25,42.88 L25.00,41.00 L26.88,37.62 L30.00,33.38 L33.25,30.12 L37.25,27.12 L41.38,24.88 L46.62,23.00 L52.62,22.00 L57.00,22.00 L62.50,22.88 L66.25,24.00 L71.00,26.25 L75.25,29.12 L79.50,33.12 L81.50,35.62 L83.88,39.38 L85.12,42.00 L85.38,43.38 L85.00,43.88 L84.00,44.12 L25.50,44.12 L24.75,43.88 L24.25,43.38Z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Crect class=%22lines%22 width=%22400%22 height=%22500%22/%3E%3Crect class=%22scan%22 x=%220%22 y=%220%22 width=%22400%22 height=%2280%22/%3E%3C/svg%3E") center / cover no-repeat;
}


.card-overlay .overlay-container .overlay {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    height: var(--circ-stage-h);
    align-self: flex-start;
    padding: 44px;
    text-align: left;
    /*pointer-events: none;*/
}

    .card-overlay .overlay-container .overlay .overlay-panel {
        display: flex;
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
    }

.card-overlay .split-mark {
    font-size: 12px;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: #CFE9F5;
}

.card-overlay .split-word {
    margin: 0;
    max-width: 11ch;
    font-weight: 700;
    font-size: clamp(26px, 3.6vw, 36px);
    line-height: 1.22;
    color: #fff;
    text-wrap: balance;
}

/* ---------- colonna form ---------- */
.card-overlay .form-container {
    flex: 1 1 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 56px 52px;
    color: var(--circ-ink);
}

.card-overlay .wordmark {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--circ-primary);
    margin-bottom: 26px;
}

.card-overlay .signin-title {
    font-weight: 700;
    font-size: 27px;
    line-height: 1.2;
    margin: 0 0 6px;
    color: var(--circ-ink);
    text-align: left;
    text-wrap: balance;
}

.card-overlay .signin-sub {
    font-size: 14px;
    color: var(--circ-muted);
    margin: 0 0 28px;
}

/* sostituisce max-width:350px inline della vecchia vista */
.card-overlay #card_login_email,
.card-overlay #card_forgotten_psw,
.card-overlay #panel_signup {
    margin: 0;
    max-width: none;
}

    .card-overlay #card_login_email > .mt-1,
    .card-overlay #panel_signup > .mt-1 {
        margin-top: 0 !important;
    }

/*.card-overlay a {
    color: var(--circ-accent);
    text-decoration: none;
}*/

    .card-overlay a:hover {
        text-decoration: underline;
    }

.card-overlay a:focus-visible,
.card-overlay button:focus-visible,
.card-overlay input:focus-visible,
.card-overlay select:focus-visible {
    outline: 2px solid var(--circ-accent);
    outline-offset: 2px;
}

/* ---------- ricordami + password dimenticata ---------- */
.card-overlay .signin-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 2px 0 22px;
    font-size: 13px;
}

    .card-overlay .signin-row .checkbox {
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--circ-label);
        cursor: pointer;
    }

        .card-overlay .signin-row .checkbox input {
            width: 16px;
            height: 16px;
            margin: 0;
            accent-color: var(--circ-primary);
            cursor: pointer;
        }

        .card-overlay .signin-row .checkbox span:empty {
            display: none;
        }

/* ---------- CTA ---------- */
.card-overlay .btn.signin-cta,
.card-overlay .btn.card-cta,
.card-overlay #card_forgotten_psw .btn-primary {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--circ-primary);
    border: 1px solid transparent;
    border-radius: 6px;
    box-shadow: none;
    filter: none; /* annulla brightness(1.2) di omni_base */
    transition: filter 180ms ease, transform 180ms ease, opacity 180ms ease;
}

    .card-overlay .btn.signin-cta:hover:not(:disabled),
    .card-overlay .btn.card-cta:hover:not(:disabled),
    .card-overlay #card_forgotten_psw .btn-primary:hover {
        color: #fff;
        background-color: var(--circ-primary);
        border-color: transparent;
        filter: brightness(.9);
    }

    .card-overlay .btn.signin-cta:active:not(:disabled),
    .card-overlay .btn.card-cta:active:not(:disabled) {
        transform: scale(.99);
    }

    .card-overlay .btn.signin-cta:disabled,
    .card-overlay .btn.card-cta:disabled {
        opacity: .7;
        cursor: progress;
    }

    .card-overlay .btn.signin-cta .spinner {
        display: none;
        width: 15px;
        height: 15px;
        flex: none;
        animation: circ-spin .8s linear infinite;
    }

    .card-overlay .btn.signin-cta.is-loading .spinner {
        display: block;
    }

@keyframes circ-spin {
    to { transform: rotate(360deg); }
}

/* ---------- recupero password ---------- */
.card-overlay .forgotten_panel {
    margin-top: 24px !important;
    padding-top: 20px;
    border-top: 1px solid var(--circ-line);
}

    .card-overlay .forgotten_panel h5 {
        font-size: 16px;
        font-weight: 700;
        color: var(--circ-ink);
        margin: 0 0 14px;
    }

    .card-overlay .forgotten_panel .pt-4 {
        padding-top: 6px !important;
    }

/* ---------- divisore "oppure" ---------- */
.card-overlay .signin-divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 24px 0;
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--circ-soft);
}

    .card-overlay .signin-divider::before,
    .card-overlay .signin-divider::after {
        content: "";
        flex: 1;
        height: 1px;
        background: var(--circ-line);
    }

/* ---------- social ---------- */
.card-overlay .signin-social {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.card-overlay .btn.signin-social-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    font-size: 14px;
    color: #fff;
    background-color: var(--circ-primary);
    border: 1px solid transparent;
    border-radius: 6px;
    box-shadow: none;
    filter: none;
    text-decoration: none;
    transition: filter 180ms ease;
}

    .card-overlay .btn.signin-social-btn:hover {
        color: #fff;
        background-color: var(--circ-primary);
        border-color: transparent;
        filter: brightness(.9);
        text-decoration: none;
    }

    .card-overlay .btn.signin-social-btn i {
        font-size: 17px;
    }

/* ---------- link di passaggio signin <-> signup ---------- */
.card-overlay .signin-foot {
    margin: 22px 0 0;
    text-align: center;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--circ-muted);
}

/* ---------- signup ---------- */
.card-overlay #panel_signup .profileSeparator {
    margin: 4px 0 18px;
}

.card-overlay #panel_signup .badge {
    font-size: 12px;
}

/* ---------- responsive ---------- */
@media (max-width: 765px) {
    .main-conatiner {
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .card-overlay-container {
        max-width: unset;
        min-height: 0;
        flex-direction: column;
    }

    .card-overlay .overlay-container {
        flex: none;
        order: 1;
        width: 100%;
        min-height: 190px;
    }

    .card-overlay .overlay-container .overlay {
        height: auto;
        padding: 28px 24px;
    }

    .card-overlay .circ-stage {
        height: 100%;
    }

    .card-overlay .form-container {
        flex: none;
        order: 2;
        width: 100%;
        padding: 36px 24px;
    }

}

@media (prefers-reduced-motion: reduce) {
    .card-overlay-container {
        animation: none;
    }

    .card-overlay .btn.signin-cta .spinner {
        animation: none;
    }
}