.cd-di-box{max-width:420px;margin:24px auto;background:#fff;border:1px solid #e7e9ee;border-radius:20px;padding:28px;box-shadow:0 12px 35px rgba(20,30,50,.06);color:#222}.cd-di-box h2{margin:0 0 8px}.cd-di-box p{color:#737985}.cd-di-form label,.cd-login label{display:block;margin:15px 0;font-weight:600}.cd-di-box input:not([type=checkbox]),.cd-di-box select{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #d9dde5;border-radius:25px;background:#fff;min-height:46px}.cd-di-btn{display:block;width:100%;padding:14px;border:0;border-radius:25px;background:#ff6a00;color:#fff;font-weight:700;cursor:pointer;margin-top:14px}.cd-di-btn:disabled{opacity:.6}.cd-di-msg{margin:12px 0}.cd-di-msg:empty{display:none}.cd-di-msg.bad{color:#b42318}.cd-di-msg.good{color:#087443}.cd-di-otp{padding:14px;border:1px dashed #ff9a55;border-radius:12px;margin-top:16px}
.cd-login{text-align:center}.cd-login form{text-align:left}.cd-logo{display:block;width:200px;max-width:70%;height:auto;margin:0 auto 14px}
.cd-tabs{display:flex;gap:10px;margin-bottom:6px}.cd-tabs button{flex:1;padding:10px;border:1px solid #d9dde5;border-radius:25px;background:#fff;color:#555;font-weight:600;cursor:pointer}.cd-tabs button.on{background:#ff6a00;border-color:#ff6a00;color:#fff}
.cd-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.cd-login .cd-rem{display:flex;align-items:center;gap:6px;margin:0;font-weight:400}.cd-row a,.cd-foot a{color:#ff6a00;text-decoration:none;font-weight:600}.cd-foot{font-size:14px}
@media(max-width:600px){.cd-di-box{padding:18px;margin:12px}}
/* full screen (mobile + laptop) */
.cd-full{position:fixed!important;left:0!important;top:0!important;right:0!important;bottom:0!important;inset:0;z-index:99999;width:100%;height:100vh;height:100dvh;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:28px 20px;background:linear-gradient(160deg,#fff 55%,#fff1e6)}
.cd-full>*{width:100%;max-width:440px;box-sizing:border-box}
.cd-full{padding-top:clamp(20px,5vh,48px)}
.cd-full>.cd-logo{width:190px;max-width:65%;margin:0 0 8px}
@media(min-width:900px){.cd-full>*{max-width:480px}.cd-full>.cd-logo{width:230px}}
@media(max-width:600px){.cd-full{padding:20px 16px}}
[hidden]{display:none!important}