/* Client Login page */
.cl-hero-acts{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.cl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.cl-grid>div{background:#fff;border:1px solid var(--line);padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s}
.cl-grid>div:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 22px 40px -28px rgba(7,13,28,.5)}
.cl-grid svg{width:38px;height:38px;color:var(--red);margin-bottom:14px}
.cl-grid b{display:block;font:400 1.35rem/1.2 var(--serif,Georgia,serif);margin-bottom:6px}
.cl-grid span{color:var(--ink2);font-size:.95rem;line-height:1.55}
@media(max-width:980px){.cl-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cl-grid{grid-template-columns:1fr}}

.cl-prev{margin-top:46px;border:1px solid rgba(110,160,255,.22);background:linear-gradient(160deg,#101c38,#0a1328);border-radius:8px;padding:clamp(18px,3vw,32px);color:#e6edfc;position:relative;overflow:hidden}
.cl-prev .bar{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.cl-prev .bar i{width:10px;height:10px;border-radius:50%;background:rgba(143,170,230,.35)}
.cl-prev .bar span{margin-left:10px;font:600 .74rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8fa0bf}
.cl-prev .tag{position:absolute;top:16px;right:18px;font:700 .68rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#ffb020;border:1px solid rgba(255,176,32,.5);padding:5px 9px;border-radius:2px}
.cl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.cl-kpis div{border:1px solid rgba(143,170,230,.2);background:rgba(4,9,22,.5);padding:14px 16px;border-radius:4px}
.cl-kpis small{display:block;font:600 .68rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8fa0bf}
.cl-kpis b{display:block;font:300 1.9rem/1.15 var(--serif,Georgia,serif);color:#fff;margin-top:3px}
.cl-kpis em{font:600 .8rem Inter,sans-serif;font-style:normal;color:#35d49a}.cl-kpis em.w{color:#ffb020}
.cl-charts{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.cl-charts .gplot svg{min-width:0}
@media(max-width:860px){.cl-kpis{grid-template-columns:repeat(2,1fr)}.cl-charts{grid-template-columns:1fr}}

.cl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;counter-reset:s}
.cl-steps div{counter-increment:s;padding:24px 28px 8px 0;border-top:2px solid var(--ink)}
.cl-steps div::before{content:"0" counter(s);display:block;font:300 2.4rem var(--serif,Georgia,serif);color:var(--red);margin-bottom:6px}
.cl-steps b{display:block;font-size:1.08rem;margin-bottom:4px}.cl-steps span{color:var(--ink2);font-size:.95rem;line-height:1.55}
@media(max-width:760px){.cl-steps{grid-template-columns:1fr;gap:6px}}

.cl-form{max-width:760px;margin-top:30px;background:#fff;border:1px solid var(--line);padding:clamp(22px,4vw,40px);box-shadow:0 24px 60px -34px rgba(7,13,28,.35)}
.cl-form .g{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cl-form .wide{grid-column:1/-1}
@media(max-width:640px){.cl-form .g{grid-template-columns:1fr}}
.cl-form label{display:block;font-weight:600;font-size:.9rem}
.cl-form input,.cl-form textarea{width:100%;box-sizing:border-box;margin-top:6px;padding:14px;border:1.5px solid var(--line);background:#fff;font:500 1rem Inter,sans-serif;border-radius:2px}
.cl-form input:focus,.cl-form textarea:focus{outline:2px solid var(--red);border-color:var(--red)}
.cl-warn{margin:16px 0 0;padding:12px 16px;background:#fff8e6;border-left:4px solid #ffb020;font-size:.92rem;color:#5a4300;line-height:1.5}

/* hero split + live mini dashboard */
.cl-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,4vw,72px);align-items:center}
.cl-split h1{font-size:clamp(2.3rem,4.6vw,4.4rem);max-width:12ch}
.cl-proof{display:flex;gap:28px;flex-wrap:wrap;list-style:none;padding:0;margin:34px 0 0;color:#9fb0d4;font-size:.9rem}.cl-proof b{display:block;font:300 2.2rem/1 var(--serif,Georgia,serif);color:#fff}
.hd-wrap{perspective:1400px;padding:20px}
.hd{position:relative;transform-style:preserve-3d;transition:transform .25s ease-out;border:1px solid rgba(110,160,255,.35);border-radius:14px;background:linear-gradient(160deg,rgba(18,32,64,.96),rgba(7,13,28,.98));box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 90px -30px rgba(255,77,102,.45);padding:16px 18px 14px;color:#e6edfc;animation:hdf 7s ease-in-out infinite}
@keyframes hdf{50%{translate:0 -8px}}
.hd-bar{display:flex;align-items:center;gap:7px;margin-bottom:14px}.hd-bar i{width:9px;height:9px;border-radius:50%;background:rgba(143,170,230,.4)}
.hd-bar span{margin-left:8px;font:600 .72rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8fa0bf;flex:1}
.hd-live{display:inline-flex;align-items:center;gap:6px;font:700 .68rem Inter,sans-serif;font-style:normal;color:#35d49a;letter-spacing:.1em;text-transform:uppercase}.hd-live s{width:7px;height:7px;border-radius:50%;background:#35d49a;animation:dbp 1.6s infinite;box-shadow:0 0 0 0 rgba(53,212,154,.7)}
.hd-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.hd-kp div{border:1px solid rgba(143,170,230,.2);border-radius:8px;background:rgba(4,9,22,.55);padding:10px 12px}
.hd-kp small{display:block;font:600 .6rem Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8fa0bf}
.hd-kp b{font:300 1.7rem/1.2 var(--serif,Georgia,serif);color:#fff;font-variant-numeric:tabular-nums}
.hd-chart{display:block;width:100%;height:auto;overflow:visible}
.hd-bars{display:flex;align-items:flex-end;gap:6px;height:44px;margin:10px 0 12px}.hd-bars i{flex:1;height:calc(var(--h)*100%);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#6ea0ff,rgba(110,160,255,.25));transform-origin:bottom;animation:hdb 2.4s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes hdb{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
.hd-feed{display:flex;align-items:center;gap:10px;font-size:.84rem;color:#cdd8ef;border-top:1px solid rgba(143,170,230,.18);padding-top:12px;min-height:24px}
.hd-feed i{width:8px;height:8px;border-radius:50%;flex:none}.hd-feed i.g{background:#35d49a}.hd-feed i.w{background:#ffb020}
.hd-feed.in span{animation:hdi .5s both}@keyframes hdi{from{opacity:0;transform:translateY(6px)}}
.hd-chip{position:absolute;padding:10px 14px;border-radius:10px;border:1px solid rgba(110,160,255,.4);background:rgba(10,19,40,.92);backdrop-filter:blur(8px);box-shadow:0 20px 40px -16px rgba(0,0,0,.8);transform:translateZ(60px);animation:hdf 5s ease-in-out infinite}
.hd-chip b{display:block;font:700 .9rem Inter,sans-serif;color:#fff}.hd-chip small{color:#35d49a;font:600 .72rem Inter,sans-serif}
.hd-chip.c1{top:-16px;right:-14px}.hd-chip.c2{bottom:-22px;left:28px;animation-delay:-2s}.hd-chip.c2 small{color:#8fa0bf}
@media(max-width:980px){.cl-split{grid-template-columns:1fr}.cl-split h1{max-width:16ch}.hd-chip.c2{left:12px}.hd-chip.c1{right:-4px}}
@media(prefers-reduced-motion:reduce){.hd,.hd-chip,.hd-bars i{animation:none}}