.dgt-popups{--dgt-pop-bg:#ffffff;--dgt-pop-ink:#171b26;--dgt-pop-muted:#687082;--dgt-pop-border:#e5e8ef;--dgt-pop-accent:#5b4bea;font:inherit;color:var(--dgt-pop-ink)}
.dgt-popups :where(*,*::before,*::after){box-sizing:border-box}
.dgt-popup{width:calc(100% - 32px);max-width:440px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--dgt-pop-border);border-radius:12px;background:var(--dgt-pop-bg);color:var(--dgt-pop-ink);overflow:auto;box-shadow:0 22px 70px rgba(23,27,38,.24);font:inherit;line-height:1.9;text-align:right;overscroll-behavior:contain}
.dgt-popup:not([open]){display:none}
.dgt-popup[open]{display:block}
.dgt-popup::backdrop{background:rgba(23,27,38,.72)}
.dgt-popup__panel{padding:34px 28px 26px;position:relative;text-align:center}
.dgt-popup .dgt-popup__close{position:absolute;left:5px;top:5px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--dgt-pop-muted);cursor:pointer;box-shadow:none}
.dgt-popup .dgt-popup__close:hover{color:var(--dgt-pop-ink);background:var(--dgt-pop-border)}
.dgt-popup__icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 16px;border:1px solid var(--dgt-pop-border);border-radius:12px;color:var(--dgt-pop-accent);background:color-mix(in srgb,var(--dgt-pop-accent) 6%,var(--dgt-pop-bg))}
.dgt-popup__icon--ai{font-size:18px;font-weight:900;direction:ltr}
.dgt-popup h2{margin:0 0 10px;padding:0;font-size:24px;line-height:1.7;font-weight:900;color:var(--dgt-pop-ink);text-wrap:balance}
.dgt-popup .dgt-popup__description{margin:0 0 23px;padding:0;color:var(--dgt-pop-muted);font-size:15px;line-height:2;text-wrap:pretty}
.dgt-popup form{margin:0;padding:0}
.dgt-popup .dgt-popup__label{display:block;text-align:right;margin:0 0 8px;color:var(--dgt-pop-ink);font-size:15px;font-weight:700}
.dgt-popup #dgt-teacher-phone{display:block;width:100%;height:54px;margin:0;padding:10px 14px;border:1px solid var(--dgt-pop-border);border-radius:12px;background:var(--dgt-pop-bg);color:var(--dgt-pop-ink);font:inherit;font-size:18px;line-height:1.5;text-align:center;box-shadow:none}
.dgt-popup #dgt-teacher-phone::placeholder{color:var(--dgt-pop-muted);opacity:1}
.dgt-popup .dgt-popup__button{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:50px;margin:0;padding:11px 20px;border:1px solid var(--dgt-pop-accent);border-radius:12px;background:var(--dgt-pop-accent);color:var(--dgt-pop-bg);font:inherit;font-size:15px;font-weight:700;line-height:1.8;text-decoration:none;cursor:pointer;box-shadow:none}
.dgt-popup .dgt-popup__button:hover{background:var(--dgt-pop-ink);border-color:var(--dgt-pop-ink);color:var(--dgt-pop-bg)}
.dgt-popup .dgt-popup__button:disabled{opacity:.65;cursor:wait}
.dgt-popup .dgt-popup__status{min-height:24px;margin:8px 0;font-size:13px;line-height:1.8;color:var(--dgt-pop-ink);text-align:right}
.dgt-popup .dgt-popup__status.is-error{font-weight:700}
.dgt-popup .dgt-popup__note{margin:13px 0 0;padding:0;font-size:12px;line-height:1.9;color:var(--dgt-pop-muted)}
.dgt-popup__honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.dgt-popup :where(button,a,input):focus-visible{outline:3px solid var(--dgt-pop-accent);outline-offset:3px}
body.dgt-popup-open{overflow:hidden!important}
@media(max-width:480px){.dgt-popup__panel{padding:30px 21px 23px}.dgt-popup h2{font-size:20px}.dgt-popup .dgt-popup__description{font-size:13px;margin-bottom:20px}.dgt-popup .dgt-popup__label{font-size:13px}.dgt-popup .dgt-popup__button{font-size:14px}.dgt-popup #dgt-teacher-phone{font-size:16px;height:52px}}

/* Explicitly requested navy, gold and coral treatment for both popups. */
.dgt-popups{--l-navy:#0d1230;--dgt-pop-gold:#d9a441}
.dgt-popup{max-width:460px;border-color:rgba(217,164,65,.35);background:radial-gradient(60% 70% at 18% 20%, rgba(217, 164, 65, .22) 0%, transparent 60%), radial-gradient(50% 60% at 85% 85%, rgba(238, 107, 101, .22) 0%, transparent 60%), linear-gradient(160deg, #11163A 0%, var(--l-navy) 55%, #090C1C 100%);color:#ffffff;box-shadow:0 24px 75px rgba(9,12,28,.52)}
.dgt-popup::backdrop{background:rgba(9,12,28,.8)}
.dgt-popup h2{color:#ffffff}
.dgt-popup .dgt-popup__description{color:rgba(255,255,255,.8)}
.dgt-popup__icon{color:var(--dgt-pop-gold);background:rgba(217,164,65,.12);border-color:rgba(217,164,65,.28)}
.dgt-popup .dgt-popup__label{color:#ffffff}
.dgt-popup #dgt-teacher-phone{color:#ffffff;background:rgba(255,255,255,.07);border-color:rgba(217,164,65,.34)}
.dgt-popup #dgt-teacher-phone::placeholder{color:rgba(255,255,255,.55)}
.dgt-popup .dgt-popup__button{background:var(--dgt-pop-gold);border-color:var(--dgt-pop-gold);color:var(--l-navy)}
.dgt-popup .dgt-popup__button:hover{background:#ffffff;border-color:#ffffff;color:var(--l-navy)}
.dgt-popup .dgt-popup__status{color:#ffffff}
.dgt-popup .dgt-popup__status.is-error{color:var(--dgt-pop-gold)}
.dgt-popup .dgt-popup__note{color:rgba(255,255,255,.72)}
.dgt-popup .dgt-popup__close{color:rgba(255,255,255,.8)}
.dgt-popup .dgt-popup__close:hover{background:rgba(255,255,255,.1);color:#ffffff}
.dgt-popup :where(button,a,input):focus-visible{outline-color:var(--dgt-pop-gold)}
body.dgt-access-pending{overflow:hidden!important}
.dgt[data-access-required]{pointer-events:none;user-select:none}

/* Compact phone form; keep a programmatic label for assistive technology. */
.dgt-popup .dgt-popup__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.dgt-popup .dgt-popup__status:empty{display:none}
.dgt-popup #dgt-teacher-submit{margin-top:12px}
.dgt-popup #dgt-teacher-phone::placeholder{direction:rtl;font-size:15px}
.dgt-popup [hidden]{display:none!important}
.dgt-popup #dgt-teacher-code{display:block;width:100%;height:52px;margin:12px 0 0;padding:10px 14px;border:1px solid #d9a441;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;font:inherit;text-align:center}
.dgt-popup #dgt-teacher-resend,.dgt-popup #dgt-teacher-edit{background:transparent;color:#d9a441;border:0;font:inherit;font-size:13px;padding:8px;cursor:pointer}
.dgt-popup #dgt-teacher-resend:disabled{opacity:.6;cursor:default}

.dgt-popup .dgt-otp-boxes{display:flex;direction:ltr;justify-content:center;gap:8px;margin:16px 0 6px}
.dgt-popup .dgt-otp-boxes input{flex:0 1 48px;min-width:0;width:48px;height:48px;aspect-ratio:1;padding:0;text-align:center;direction:ltr;border:1px solid rgba(217,164,65,.6);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;font:inherit;font-size:22px}
.dgt-popup .dgt-otp-boxes input:focus{outline:2px solid #d9a441;outline-offset:2px;background:rgba(217,164,65,.12)}
@media(max-width:360px){.dgt-popup .dgt-otp-boxes{gap:6px}.dgt-popup .dgt-otp-boxes input{height:40px;flex-basis:40px;width:40px;font-size:19px}}

/* Single focus border for phone and OTP fields. */
.dgt-popup #dgt-teacher-phone:focus,.dgt-popup #dgt-teacher-phone:focus-visible,.dgt-popup .dgt-otp-boxes input:focus,.dgt-popup .dgt-otp-boxes input:focus-visible{outline:none!important;box-shadow:none!important;border:1px solid #d9a441;background:rgba(217,164,65,.12)}

.dgt-popup .dgt-popup__profile{display:block;width:96px;height:96px;max-width:100%;margin:0 auto 20px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid #d9a441;box-shadow:0 0 0 5px rgba(217,164,65,.1)}
@media(max-width:480px){.dgt-popup .dgt-popup__profile{width:80px;height:80px;margin-bottom:18px}}

/* Close control: use a subtle background instead of an outer focus border. */
.dgt-popup .dgt-popup__close:focus,.dgt-popup .dgt-popup__close:focus-visible{outline:none!important;border:0!important;box-shadow:none!important;background:rgba(255,255,255,.1);color:#fff}