.dj-auth-overlay[hidden],.dj-auth-panel[hidden]{display:none!important}
body.dj-auth-modal-open{overflow:hidden}
.dj-auth-overlay{position:fixed;inset:0;z-index:10000;padding:20px;display:flex;align-items:center;justify-content:center;background:rgba(9,20,38,.67);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.dj-auth-dialog{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);width:min(940px,100%);max-height:calc(100dvh - 40px);overflow:hidden;border:1px solid rgba(255,255,255,.54);border-radius:24px;background:#fff;box-shadow:0 38px 110px rgba(4,17,35,.32);animation:dj-auth-enter .22s cubic-bezier(.2,.7,.2,1) both}
@keyframes dj-auth-enter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.dj-auth-art{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:490px;overflow:hidden;padding:34px 34px 30px;background:linear-gradient(142deg,#09182c 3%,#093866 57%,#075db2 115%);color:#fff}
.dj-auth-art:before{content:"";position:absolute;inset:-24%;z-index:-1;opacity:.27;background:repeating-radial-gradient(circle at 77% 57%,transparent 0,transparent 33px,rgba(124,196,255,.56) 34px,transparent 35px)}
.dj-auth-art:after{content:"";position:absolute;right:-126px;top:80px;width:350px;height:350px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 99px rgba(255,255,255,.024)}
.dj-auth-art__glow{position:absolute;left:-100px;bottom:4%;width:300px;height:260px;border-radius:50%;background:#187fd5;filter:blur(88px);opacity:.4}
.dj-auth-art__brand{position:relative;display:flex;align-items:center;gap:12px;font-weight:850;font-size:17px;letter-spacing:.025em;z-index:1}
.dj-auth-art__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#167acf}
.dj-auth-art__mark svg{width:22px;height:22px}
.dj-auth-art__copy{position:relative;z-index:1;margin:auto 0;padding-top:90px}
.dj-auth-art__eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#abd5fa}
.dj-auth-art__copy h2{margin:19px 0 20px;color:#fff;font-size:clamp(35px,3.6vw,51px);font-weight:800;letter-spacing:-.055em;line-height:1.05}
.dj-auth-art__copy h2 em{font-style:normal;color:#7ac0ff}
.dj-auth-art__copy p{max-width:280px;font-size:13px;line-height:1.85;color:#cfdef0}
.dj-auth-art__foot{position:relative;z-index:1;font-size:10px;letter-spacing:.17em;font-weight:800;color:#8bbfe7}
.dj-auth-content{position:relative;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:52px clamp(25px,4.7vw,60px) 37px;scrollbar-width:thin;scrollbar-color:#c9d9ea transparent}
.dj-auth-close{position:absolute;top:17px;right:18px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#64748b!important;background:#f2f6fa;transition:background .18s,color .18s}
.dj-auth-close:hover{color:#075db2!important;background:#e2effc}
.dj-auth-panel{display:flex;flex-direction:column;width:100%;margin:0}
.dj-auth-kicker{font-size:10px;font-weight:850;letter-spacing:.16em;color:#075db2}
.dj-auth-panel h2{margin:11px 0 11px;color:#15243b;font-size:clamp(25px,2.7vw,32px);line-height:1.14;letter-spacing:-.04em;font-weight:800}
.dj-auth-intro{margin:0 0 26px;color:#69798e;font-size:13px;line-height:1.7}
.dj-auth-form{display:flex;flex-direction:column;gap:9px;margin:0}
.dj-auth-form label:not(.dj-auth-checkbox){margin-top:6px;color:#2f425c;font-size:12px;font-weight:750}
.dj-auth-form input:not([type=checkbox]):not([type=hidden]){display:block;width:100%;height:46px;margin:0 0 8px;padding:0 13px;border:1px solid #d9e3ec;border-radius:11px;background:#fafdff;color:#15263f;font:inherit;font-size:13px;box-shadow:none;outline:none;transition:border-color .18s,box-shadow .18s}
.dj-auth-form input::placeholder{color:#9eabbb}
.dj-auth-form input:not([type=checkbox]):focus{border-color:#287fc7;box-shadow:0 0 0 3px rgba(20,117,200,.11)}
.dj-auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.dj-auth-label-row label{margin:0!important}
.dj-auth-label-row a,.dj-auth-switch a,.dj-auth-checkbox a,.dj-auth-privacy a{color:#075db2!important;text-decoration:none;font-weight:750}
.dj-auth-label-row a{font-size:11px}
.dj-auth-label-row a:hover,.dj-auth-switch a:hover,.dj-auth-checkbox a:hover,.dj-auth-privacy a:hover{text-decoration:underline}
.dj-auth-checkbox{display:flex;align-items:flex-start;gap:10px;margin:4px 0 5px;color:#617187;font-size:12px;font-weight:500;line-height:1.6;cursor:pointer}
.dj-auth-checkbox input[type=checkbox]{flex:none;width:16px;height:16px;margin-top:2px;accent-color:#075db2}
.dj-auth-checkbox--terms{margin-top:3px}
.dj-auth-submit{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:47px;margin-top:11px;border:0;border-radius:11px;background:linear-gradient(104deg,#1475c8,#075db2);box-shadow:0 10px 25px rgba(7,93,178,.19);color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:transform .17s,box-shadow .17s,filter .17s}
.dj-auth-submit:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 13px 29px rgba(7,93,178,.25)}
.dj-auth-submit:active{transform:translateY(0)}
.dj-auth-submit span{font-size:17px}
.dj-auth-switch{margin:23px 0 0;padding-top:20px;border-top:1px solid #e9eef4;text-align:center;color:#718096;font-size:12px}
.dj-auth-message{margin:0 0 20px;padding:12px 14px;border-radius:11px;border:1px solid transparent;font-size:12px;line-height:1.65}
.dj-auth-message--error{color:#a32030;border-color:#ffd1d8;background:#fff1f3}
.dj-auth-message--success{color:#126745;border-color:#bde6d2;background:#effaf4}
.dj-auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dj-auth-form-row>div{min-width:0;display:flex;flex-direction:column;gap:8px}
.dj-auth-form-row>div label{margin-top:6px}
.dj-auth-privacy{margin:0 0 4px;color:#718096;font-size:11px;line-height:1.6}
.dj-auth-overlay :focus-visible{outline:3px solid rgba(20,117,200,.35);outline-offset:2px}
.dj-auth-landing{position:relative;display:flex;align-items:center;min-height:520px;margin:20px auto;padding:80px clamp(24px,7vw,110px);max-width:1500px;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 80% 30%,#c5e4ff 0,transparent 38%),linear-gradient(130deg,#f7fbff,#eaf3fc)}
.dj-auth-landing:after{content:"";position:absolute;right:-50px;top:-100px;width:480px;height:480px;border:3px solid #c7e4fc;border-radius:50%;box-shadow:0 0 0 50px rgba(33,127,207,.06),0 0 0 100px rgba(33,127,207,.04)}
.dj-auth-landing__inner{position:relative;z-index:1;max-width:600px}
.dj-auth-landing__eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#075db2}
.dj-auth-landing h1{margin:15px 0;font-size:clamp(40px,6vw,70px);line-height:1.04;letter-spacing:-.06em;font-weight:850;color:#112f52}
.dj-auth-landing h1 span{color:#1475c8}
.dj-auth-landing p{font-size:15px;color:#546d86}
.dj-auth-landing a{display:inline-flex;align-items:center;gap:14px;margin-top:15px;border-radius:12px;padding:12px 20px;background:#075db2;color:white!important;font-size:13px;font-weight:750;text-decoration:none}
@media(max-width:740px){.dj-auth-overlay{padding:12px;align-items:center}.dj-auth-dialog{grid-template-columns:1fr;width:min(490px,100%);max-height:calc(100dvh - 24px);border-radius:18px}.dj-auth-art{display:none}.dj-auth-content{padding:51px 24px 26px}.dj-auth-panel h2{font-size:27px}.dj-auth-landing{margin:12px;min-height:400px}.dj-auth-landing:after{opacity:.4}}
@media(max-width:430px){.dj-auth-content{padding:49px 19px 23px}.dj-auth-form-row{grid-template-columns:1fr;gap:0}.dj-auth-form input:not([type=checkbox]):not([type=hidden]){height:44px}.dj-auth-intro{margin-bottom:17px}.dj-auth-switch{margin-top:16px;padding-top:16px}}
@media(max-height:620px) and (min-width:741px){.dj-auth-art{min-height:0}.dj-auth-content{padding-top:48px;padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){.dj-auth-dialog{animation:none}.dj-auth-submit,.dj-auth-close,.dj-auth-form input{transition:none}}
