
/* ===== EDUKA Demo Modal ===== */
.demo-modal-root{position:fixed;inset:0;z-index:999997;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s ease,visibility .34s ease}.demo-modal-root.is-open{opacity:1;visibility:visible;pointer-events:auto}.demo-modal-backdrop{position:absolute;inset:0;background:rgba(7,17,50,.34);backdrop-filter:blur(10px);opacity:0;transition:opacity .34s ease}.demo-modal-root.is-open .demo-modal-backdrop{opacity:1}.demo-modal-card{position:absolute;top:50%;left:50%;width:min(620px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));overflow:auto;transform:translate(-50%,-46%) scale(.96);opacity:0;background:rgba(255,255,255,.97);border:1px solid #e3ebf8;border-radius:18px;box-shadow:0 30px 90px rgba(8,25,74,.22);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1)}.demo-modal-root.is-open .demo-modal-card{transform:translate(-50%,-50%) scale(1);opacity:1}.demo-modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:12px;background:#edf4ff;color:#123cff;display:grid;place-items:center;cursor:pointer;z-index:5}.demo-modal-close svg{width:20px;height:20px;transform:rotate(-90deg)}.demo-form{padding:34px 34px 30px}.demo-form h2{margin:0 0 28px;text-align:center;font-size:30px;line-height:1;letter-spacing:-.8px;font-weight:950;color:#071132}.demo-field{display:grid;gap:9px;margin-bottom:20px}.demo-field>span{font-size:14px;font-weight:850;color:#071132}.demo-field input,.demo-field select{width:100%;height:46px;box-sizing:border-box;border:1px solid #cfd8e8;background:#fff;border-radius:8px;outline:0;padding:0 16px;color:#071132;font-size:15px;font-weight:650;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.demo-field input:focus,.demo-field select:focus{border-color:#123cff;box-shadow:0 0 0 5px rgba(18,60,255,.10)}.demo-field input::placeholder{color:#8c97ab}.phone-row{display:grid;grid-template-columns:72px 1fr;gap:8px}.demo-field .phone-prefix{text-align:center;background:#f5f7fb;color:#66748e}.accent-label{color:#123cff!important;display:inline-flex;align-items:center;gap:7px}.accent-label b{width:16px;height:16px;display:inline-grid;place-items:center}.demo-check{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;margin:4px 0 24px;color:#34425c;font-size:14px;line-height:1.45;font-weight:650}.demo-check input{width:16px;height:16px;margin-top:2px;accent-color:#123cff}.demo-check a{color:#123cff;text-decoration:underline;text-underline-offset:2px}.demo-submit{width:100%;height:52px;border:0;border-radius:9px;background:linear-gradient(135deg,#123cff,#4f6fff);color:#fff;font-size:15px;font-weight:950;cursor:pointer;box-shadow:0 16px 34px rgba(18,60,255,.18);transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease,background .22s ease}.demo-submit:disabled{cursor:not-allowed;opacity:.55;background:#cbd1dc;color:#637086;box-shadow:none}.demo-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(18,60,255,.23)}.demo-success{padding:46px 34px 34px;animation:demoSuccessIn .38s ease both}@keyframes demoSuccessIn{from{opacity:0;transform:translateY(16px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.send-animation{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:12px;margin:10px 0 28px}.send-step{text-align:center;opacity:.38;transform:scale(.94);transition:opacity .35s ease,transform .35s ease}.send-step.is-active{opacity:1;transform:scale(1)}.send-icon{width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#edf4ff;color:#123cff;display:grid;place-items:center;box-shadow:0 12px 34px rgba(18,60,255,.16);position:relative}.send-step.is-active .send-icon{animation:sendPop .55s cubic-bezier(.22,1,.36,1) both;background:linear-gradient(135deg,#123cff,#4f6fff);color:#fff}@keyframes sendPop{0%{transform:scale(.78);box-shadow:0 0 0 0 rgba(18,60,255,.36)}60%{transform:scale(1.08);box-shadow:0 0 0 14px rgba(18,60,255,0)}100%{transform:scale(1)}}.send-icon svg{width:34px;height:34px}.send-step h3{margin:0 0 8px;font-size:20px;color:#071132}.send-step p{margin:0;color:#66748e;font-size:14px;line-height:1.45;font-weight:650}.send-line{height:3px;border-radius:999px;background:#e0e8fb;overflow:hidden}.send-line span{display:block;width:0;height:100%;background:linear-gradient(90deg,#123cff,#4f6fff);transition:width .7s cubic-bezier(.22,1,.36,1)}.demo-success.manager-done .send-line span{width:100%}.demo-done{width:100%;height:50px;border:0;border-radius:10px;background:linear-gradient(135deg,#06123e,#123cff);color:#fff;font-weight:950;cursor:pointer}body.demo-modal-open{overflow:hidden}@media(max-width:640px){.demo-form,.demo-success{padding:30px 22px 24px}.send-animation{grid-template-columns:1fr}.send-line{width:3px;height:46px;margin:0 auto}.demo-success.manager-done .send-line span{width:100%;height:100%}}
