/* Cloudesta 2026 login */
body:has(.cdl){background:#061420!important}
body:has(.cdl) .body-borders,body:has(.cdl) #cds-chat,body:has(.cdl) .loginpage{display:none}
.cdl{--y:#fdd700;--c:#22b8ec;--c2:#0b86c4;position:relative;min-height:100vh;overflow:hidden;font-family:'Plus Jakarta Sans','Open Sans',sans-serif;color:rgba(255,255,255,.72);background:radial-gradient(55% 60% at 28% 40%,#174a6c 0%,rgba(23,74,108,0) 70%),linear-gradient(180deg,#061420 0%,#0a2032 60%,#0c2639 100%)}
.cdl *{box-sizing:border-box}
.cdl-wave{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.cdl-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto;padding:26px 24px}
.cdl-logo img{height:38px;width:auto}
.cdl-top-link{color:rgba(255,255,255,.7)!important;font-size:.9rem;text-decoration:none!important;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);transition:all .25s}
.cdl-top-link b{color:#fff}
.cdl-top-link:hover{border-color:rgba(253,215,0,.6)}
.cdl-top-link i{color:var(--y)}
.cdl-main{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:10px 24px 60px;display:grid;grid-template-columns:1.1fr 480px;gap:60px;align-items:center;min-height:calc(100vh - 100px)}
.cdl-art{position:relative}
.cdl-art-img{position:relative;width:100%;max-width:620px;animation:cdl-float 7s ease-in-out infinite}
.cdl-art-img img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5)) drop-shadow(0 0 40px rgba(34,184,236,.2))}
@keyframes cdl-float{50%{transform:translateY(-12px)}}
.cdl-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:16px;background:rgba(9,22,35,.88);border:1px solid rgba(143,220,250,.2);backdrop-filter:blur(8px);box-shadow:0 24px 50px -20px rgba(0,0,0,.8);animation:cdl-float 6s ease-in-out infinite}
.cdl-chip strong{display:block;color:#fff;font-size:.85rem}
.cdl-chip small{display:block;color:rgba(255,255,255,.5);font-size:.72rem}
.cdl-chip img{width:42px;height:42px;border-radius:12px;background:#0f2a3f;padding:2px}
.cdl-chip-a{top:4%;right:4%}
.cdl-chip-b{top:52%;left:-2%;animation-delay:-3s}
.cdl-dot{width:10px;height:10px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:cdl-pulse 2s infinite;margin:0 6px}
@keyframes cdl-pulse{70%{box-shadow:0 0 0 10px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.cdl-art-copy{margin-top:18px;max-width:520px}
.cdl-art-copy h2{color:#fff;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0}
.cdl-art-copy h2 span{color:var(--y)}
.cdl-art-copy p{margin-top:12px;line-height:1.7}

.cdl-card{position:relative;background:#fff;border-radius:28px;padding:40px 38px;color:#5a6676;box-shadow:0 50px 100px -40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08)}
.cdl-card::before{content:'';position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(140deg,rgba(34,184,236,.9),rgba(253,215,0,.6) 60%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cdl-card h1{font-family:inherit;font-size:1.8rem;font-weight:800;color:#0b1622;letter-spacing:-.02em;margin:0}
.cdl-sub{margin:6px 0 26px;font-size:.92rem}
.cdl-label{display:block;font-size:.8rem;font-weight:700;color:#33404f;margin:0 0 7px}
.cdl-field{position:relative;margin-bottom:18px}
.cdl-field>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8ea2b4;font-size:.9rem;transition:color .2s;pointer-events:none}
.cdl .cdl-field .form-control{height:52px;border-radius:14px!important;padding:12px 46px 12px 44px!important;font-size:.95rem;border:1.5px solid #e3ebf3!important;background:#f7fafd!important;box-shadow:none!important;transition:all .2s;color:#0b1622}
.cdl .cdl-field .form-control:focus{border-color:var(--c)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(34,184,236,.14)!important}
.cdl-field:focus-within>i{color:var(--c2)}
.cdl-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:none;color:#8ea2b4;width:34px;height:34px;border-radius:10px;cursor:pointer}
.cdl-eye.on,.cdl-eye:hover{color:var(--c2);background:#eef6fb}
.cdl .btn-default-yellow-fill{width:100%;height:52px;border-radius:14px!important;font-weight:800!important;font-size:1rem!important;margin-top:6px;display:flex!important;align-items:center;justify-content:center;gap:8px;box-shadow:0 16px 30px -14px rgba(253,215,0,.9);transition:transform .2s,box-shadow .2s}
.cdl .btn-default-yellow-fill:hover{transform:translateY(-2px);background:#ffe55c!important;color:#111!important}
.cdl .login-extras{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:.85rem}
.cdl .forgotpw-txt{color:var(--c2)!important;font-weight:700}
.cdl .custom-control-label{color:#5a6676}
.cdl-alt{margin-top:24px;padding-top:20px;border-top:1px solid #edf2f7;text-align:center;font-size:.9rem}
.cdl-alt a{color:var(--c2)!important;font-weight:800}
.cdl-trust{list-style:none;margin:18px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:14px;font-size:.75rem;color:#8a97a6}
.cdl-trust i{color:var(--c);margin-right:4px}
.cdl .divider{display:flex;align-items:center;gap:10px;color:#8a97a6;font-size:.8rem;margin:14px 0}
.cdl .divider span:not(:nth-child(2)){flex:1;height:1px;background:#e3ebf3}
@media (max-width:991px){
  .cdl-main{grid-template-columns:1fr;gap:20px;padding-top:0}
  .cdl-art{order:2;max-width:520px;margin:0 auto}
  .cdl-art-copy{display:none}
  .cdl-card{order:1;max-width:480px;width:100%;margin:0 auto}
}
@media (max-width:640px){
  .cdl-top{padding:18px 16px}.cdl-top-link{font-size:.78rem;padding:7px 12px}
  .cdl-main{padding:0 16px 40px}.cdl-card{padding:30px 22px}
  .cdl-chip{transform:scale(.85)}.cdl-chip-b{left:0}
}
@media (prefers-reduced-motion:reduce){.cdl *{animation:none!important}}
.cdl-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none!important}
.cdl-logo img{height:30px;width:auto}
.cdl-logo span{color:#fff;font-size:1.45rem;font-weight:700;letter-spacing:-.02em}
.cdl-logo b{color:#22b8ec;font-weight:700}
.cdl-art-copy{position:relative}
.cdl-art-copy::before{content:'';position:absolute;inset:-30px -40px;z-index:-1;background:radial-gradient(closest-side,rgba(6,20,32,.85),rgba(6,20,32,0))}

/* login art icon chip */
.cdl-ic{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(253,215,0,.15);color:#fdd700;font-size:18px}
.cdl-art-img img[src*="cdl-vault"]{max-width:520px;margin:0 auto;filter:drop-shadow(0 0 30px rgba(34,184,236,.35))}

/* ---------- register ---------- */
.cdl-reg .cdl-main{grid-template-columns:1fr 600px;align-items:start;padding-top:20px}
.cdl-art-sticky{position:sticky;top:30px}
.cdl-art-sm{max-width:460px}
.cdl-benefits{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.cdl-benefits li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.cdl-benefits i{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(34,184,236,.15);color:#7fd6f5}
.cdl-benefits strong{display:block;color:#fff;font-size:.92rem}
.cdl-benefits small{display:block;color:rgba(255,255,255,.55);font-size:.8rem;margin-top:2px}
.cdl-card-wide{padding:36px 34px}
.cdl-card .alert{border-radius:14px}
.cdl .divider{margin:20px 0 14px}
.cdl .divider span:nth-child(2){font-weight:800;color:#0b1622;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}
.cdl .form-group{margin-bottom:14px}
.cdl-card .form-control,.cdl-card select.form-control,.cdl-card .field{height:48px!important;border-radius:12px!important;border:1.5px solid #e3ebf3!important;background:#f7fafd!important;box-shadow:none!important;font-size:.92rem;color:#0b1622;padding:10px 14px}
.cdl-card .form-control:focus{border-color:#22b8ec!important;background:#fff!important;box-shadow:0 0 0 4px rgba(34,184,236,.14)!important}
.cdl-card .intl-tel-input,.cdl-card .iti{width:100%}
.cdl-card .progress{height:6px;border-radius:6px;background:#eef3f8;margin:-4px 0 6px}
.cdl-card .progress-bar{border-radius:6px}
.cdl-card .generate-password{border-radius:12px!important}
.cdl-card .marketing-email-optin{background:#f7fafd!important;border:1px solid #e3ebf3;border-radius:16px;padding:18px;margin:10px 0}
.cdl-card .marketing-email-optin h2{font-size:1rem;font-weight:800;color:#0b1622;margin:0 0 6px}
.cdl-card .tospanel{background:#fffbe6!important;border:1px solid #f5e08a!important;border-radius:14px;overflow:hidden;margin-bottom:6px}
.cdl-card .tospanel .panel-heading{background:transparent!important;border:0;padding:12px 16px 0}
.cdl-card .tospanel .panel-title{font-size:.9rem;font-weight:800;color:#7a6400}
.cdl-card .tospanel .panel-body{padding:8px 16px 14px;font-size:.88rem}
.cdl-link{color:#0b86c4!important;font-weight:700}
.cdl-card input[type=submit].btn-default-yellow-fill{width:100%;height:54px;border-radius:14px!important;font-weight:800!important;font-size:1rem!important;margin-top:10px;box-shadow:0 16px 30px -14px rgba(253,215,0,.9)}
@media (max-width:991px){.cdl-reg .cdl-main{grid-template-columns:1fr}.cdl-art-sticky{position:static}.cdl-reg .cdl-art .cdl-art-copy{display:block}.cdl-reg .cdl-art-img{display:none}}
.cdl-globe{max-width:400px}
.cdl-globe img{filter:drop-shadow(0 0 30px rgba(34,184,236,.4))}