*,:after,:before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body,html{height:100%;width:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#2D7D9E;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--dk-primary:#2D7D9E;--dk-primary-dark:#236a87;--dk-primary-darker:#1a5570;--dk-primary-light:#3a9bc2;--dk-primary-glow:rgba(45,125,158,0.35);--dk-primary-subtle:rgba(45,125,158,0.12);--dk-primary-border:rgba(45,125,158,0.45);--dk-white:#ffffff;--dk-near-white:#f8fafc;--dk-light-grey:#f0f4f7;--dk-bg:#f5f8fa;--dk-text:#1a1a2e;--dk-text-secondary:#4a5568;--dk-text-muted:#9aa0ac;--dk-border:#d8e4ec;--dk-error:#dc2626;--dk-success:#16a34a;--dk-glass-bg:rgba(255,255,255,0.92);--dk-glass-blur:blur(12px)}#dk-app{position:fixed;inset:0;align-items:center;justify-content:center}#dk-app,.dk-frame{width:100%;height:100%;display:flex;background:var(--dk-primary)}.dk-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.35);flex-direction:column}.dk-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.dk-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.dk-splash{background-image:url(/dk_splash.png);background-size:cover;background-position:50%;background-repeat:no-repeat;flex-direction:column;z-index:50;overflow:hidden}.dk-spinner-overlay,.dk-splash{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.dk-spinner-overlay{z-index:30;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dk-spinner-circle{width:60px;height:60px;background:#ffffff;border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.12);position:relative;flex-shrink:0}.dk-spinner-circle:after{content:"";position:absolute;inset:12px;border:5px solid #d8ecf5;border-top:5px solid var(--dk-primary);border-radius:50%;animation:dk-spin .85s linear infinite}@keyframes dk-spin{to{transform:rotate(1turn)}}.dk-upgrade-overlay{position:absolute;inset:0;z-index:80;background:rgba(0,20,40,.6);display:flex;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity .35s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dk-upgrade-overlay--visible{opacity:1;pointer-events:all}.dk-upgrade-popup{width:100%;background:var(--dk-white);border-radius:24px 24px 0 0;padding:0 24px 36px;position:relative;transform:translateY(30px);transition:transform .35s cubic-bezier(.34,1.3,.64,1);max-height:88vh;overflow-y:auto}.dk-upgrade-overlay--visible .dk-upgrade-popup{transform:translateY(0)}.dk-upgrade-progress-track{height:4px;width:100%;background:var(--dk-light-grey);border-radius:2px 2px 0 0;overflow:hidden;margin-bottom:20px}.dk-upgrade-progress-bar{height:100%;background:linear-gradient(90deg,var(--dk-primary),var(--dk-primary-light));border-radius:2px;transition:width .1s linear}.dk-upgrade-close{position:absolute;top:16px;right:20px;width:32px;height:32px;border-radius:50%;background:var(--dk-light-grey);border:none;cursor:pointer;font-size:14px;color:var(--dk-text-secondary);display:flex;align-items:center;justify-content:center;transition:background .15s}.dk-upgrade-close:hover{background:var(--dk-border)}.dk-upgrade-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--dk-primary),var(--dk-primary-dark));display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 4px 18px var(--dk-primary-glow)}.dk-upgrade-title{font-size:19px;font-weight:800;color:var(--dk-primary);text-align:center;margin-bottom:8px;line-height:1.35}.dk-upgrade-body{font-size:13.5px;color:var(--dk-text-secondary);text-align:center;line-height:1.65;margin-bottom:18px}.dk-upgrade-benefits{list-style:none;margin-bottom:22px;display:flex;flex-direction:column;gap:11px}.dk-upgrade-benefits li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--dk-text);line-height:1.5}.dk-upgrade-bullet{font-size:18px;line-height:1.3;flex-shrink:0}.dk-upgrade-cta{width:100%;height:54px;border-radius:27px;border:none;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.8px;font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--dk-primary-light) 0,var(--dk-primary-dark) 100%);color:var(--dk-white);transition:opacity .18s,transform .1s;margin-bottom:14px;text-transform:uppercase;box-shadow:0 4px 16px var(--dk-primary-glow)}.dk-upgrade-cta:hover{opacity:.92}.dk-upgrade-cta:active{transform:scale(.98)}.dk-upgrade-support{text-align:center;font-size:12px;color:var(--dk-text-muted)}.dk-upgrade-support-link{background:none;border:none;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;color:var(--dk-primary);font-weight:600;text-decoration:underline}.dk-login-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background-image:url(/DK-BG-3.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.dk-login-logo-area{position:absolute;top:max(24px,env(safe-area-inset-top,24px));left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:2}.dk-login-logo{height:clamp(46px,11vh,64px);width:auto;max-width:220px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.dk-login-card{position:absolute;bottom:0;left:0;right:0;background:#f2ede8;border-radius:22px 22px 0 0;box-shadow:0 -6px 28px rgba(0,0,0,.14);padding:22px 22px max(26px,env(safe-area-inset-bottom,26px));display:flex;flex-direction:column;align-items:stretch;gap:0;z-index:3}.dk-login-card-label{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:14px;padding-left:2px}.dk-doc-field{width:100%;height:56px;padding:0 22px;border:1.5px solid rgba(180,200,215,.9);border-radius:50px;font-size:15px;font-weight:400;font-family:Inter,sans-serif;color:var(--dk-text);background:#ffffff;outline:none;transition:border-color .2s,box-shadow .2s;caret-color:var(--dk-primary);margin-bottom:14px}.dk-doc-field::placeholder{color:#b8c6d0;font-size:14px}.dk-doc-field:focus{border-color:var(--dk-primary);box-shadow:0 0 0 3px rgba(45,125,158,.13)}.dk-doc-field.error{border-color:var(--dk-error);margin-bottom:6px}.dk-field-error{font-size:12px;color:var(--dk-error);padding-left:6px;margin-bottom:10px;display:flex;align-items:center;gap:5px}.dk-btn-primary{width:100%;height:56px;border-radius:50px;border:none;cursor:pointer;font-size:16px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:1px;background:var(--dk-primary);color:#ffffff;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 18px var(--dk-primary-glow);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.dk-btn-primary:hover{background:var(--dk-primary-dark)}.dk-btn-primary:active{transform:scale(.98)}.dk-btn-primary:disabled{opacity:.52;cursor:not-allowed;transform:none}.dk-login-divider{width:55%;height:1px;background:rgba(180,195,210,.65);margin:0 auto 16px}.dk-register-link{text-align:center;font-size:13.5px;color:#5a6a78;margin:0;line-height:1.4}.dk-register-link span{color:var(--dk-primary);font-weight:700;cursor:pointer}.dk-mpin-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background-image:url(/DK-BG-3.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.dk-top-logo-area{position:absolute;top:max(24px,env(safe-area-inset-top,24px));left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:2}.dk-top-logo{height:clamp(32px,7vh,44px);width:auto;max-width:200px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.25))}.dk-bottom-card{position:absolute;bottom:0;left:0;right:0;background:#f2ede8;border-radius:22px 22px 0 0;box-shadow:0 -6px 28px rgba(0,0,0,.14);padding:24px 22px max(26px,env(safe-area-inset-bottom,26px));display:flex;flex-direction:column;align-items:center;gap:0;z-index:3}.dk-card-title{font-size:20px;font-weight:800;color:#1a1a2e;text-align:center;margin-bottom:6px;width:100%}.dk-card-subtitle{font-size:13.5px;color:#5a6878;text-align:center;margin-bottom:16px;width:100%}.dk-timer-pill{background:rgba(45,125,158,.12);padding:5px 20px;margin-bottom:16px}.dk-timer-pill.expired{background:rgba(220,38,38,.1)}.dk-pin-boxes{display:flex;gap:clamp(6px,2.2vw,10px);justify-content:center;width:100%;margin-bottom:18px}.dk-otp-body .dk-pin-boxes{margin-bottom:28px}.dk-pin-box{flex:1 1;min-width:0;height:clamp(50px,13.5vw,62px);border:1.5px solid rgba(45,125,158,.45);border-radius:12px;font-size:clamp(18px,5.5vw,26px);font-weight:700;background:#f7f7f7;text-align:center;outline:none;color:var(--dk-text);caret-color:var(--dk-primary);transition:border-color .15s,background .15s,box-shadow .15s;font-family:monospace}.dk-pin-box:focus{border-color:var(--dk-primary);box-shadow:0 0 0 2.5px rgba(45,125,158,.18)}.dk-pin-box.filled{border-color:var(--dk-primary);background:#fff5ec}.dk-pin-box.error{border-color:var(--dk-error);background:rgba(255,245,245,.98);box-shadow:0 0 0 2.5px rgba(220,38,38,.12)}.dk-otp-error-pill{background:rgba(255,235,235,.97);margin-top:10px}.dk-resend-link{margin-top:10px}.dk-resend-link.disabled{opacity:.38}.dk-otp-screen{width:100%;height:100%;position:relative;overflow:hidden;background-image:url(/DK-BG-3.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.dk-otp-body,.dk-otp-screen{display:flex;flex-direction:column;align-items:center}.dk-otp-body{position:absolute;top:max(110px,calc(env(safe-area-inset-top, 0px) + 100px));bottom:max(24px,env(safe-area-inset-bottom,24px));left:0;right:0;padding:0 22px;justify-content:flex-start;gap:0;overflow-y:auto;z-index:2}.dk-otp-title{font-size:22px;font-weight:800;color:#1a1a2e;text-align:center;margin-bottom:12px;width:100%;text-shadow:0 1px 6px rgba(255,255,255,.7)}.dk-otp-subtitle{font-size:14px;color:#3a4a58;text-align:center;margin-bottom:24px;width:100%;text-shadow:0 1px 4px rgba(255,255,255,.6)}.dk-timer-pill{font-size:16px;font-weight:700;color:var(--dk-primary);background:rgba(220,240,248,.85);padding:6px 24px;border-radius:30px;letter-spacing:2px;font-family:monospace;display:inline-block;margin-bottom:28px}.dk-timer-pill.expired{color:var(--dk-error);background:rgba(255,235,235,.85)}.dk-otp-verify-btn{width:100%;height:56px;border-radius:50px;border:none;cursor:pointer;font-size:16px;font-weight:700;font-family:Inter,sans-serif;letter-spacing:1px;background:var(--dk-primary);color:#ffffff;transition:background .2s,transform .1s,box-shadow .2s;box-shadow:0 4px 18px var(--dk-primary-glow);display:flex;align-items:center;justify-content:center;margin-bottom:22px;position:relative}.dk-otp-verify-btn:hover{background:var(--dk-primary-dark)}.dk-otp-verify-btn:active{transform:scale(.98)}.dk-otp-verify-btn:disabled{opacity:.52;cursor:not-allowed;transform:none}.dk-resend-link{font-size:13px;font-weight:600;color:var(--dk-primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:opacity .2s;background:none;border:none;font-family:Inter,sans-serif;padding:0;margin-bottom:0}.dk-resend-link:hover{opacity:.75}.dk-resend-link.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.dk-otp-error-pill{width:100%;padding:11px 18px;border-radius:30px;background:rgba(255,235,235,.96);border:1px solid rgba(220,38,38,.3);color:var(--dk-error);font-size:13.5px;font-weight:600;text-align:center;font-family:Inter,sans-serif;margin-top:12px;animation:dk-fadein .2s ease}@keyframes dk-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dk-success-screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#1a5570,#2D7D9E 45%,#3a9bc2)}.dk-success-logo{height:clamp(60px,14vh,90px);width:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:20px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.2))}.dk-success-icon{font-size:64px;margin-bottom:12px;animation:dk-bounce-icon 1.1s ease infinite}@keyframes dk-bounce-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.dk-success-title{font-size:22px;font-weight:800;color:#ffffff;text-align:center;margin-bottom:8px}.dk-success-subtitle{font-size:14px;color:rgba(255,255,255,.78);text-align:center;line-height:1.6;padding:0 32px}.dk-success-note{font-size:12px;color:rgba(255,255,255,.5);margin-top:14px;text-align:center}