.shared-otp-shade{z-index:200;background:#000000b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.shared-otp-card{background:var(--surface);width:min(560px,100%);max-width:100%;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:22px;padding:42px 40px 40px;position:relative;overflow:hidden}.shared-otp-close{inset-inline-end:16px;width:38px;height:38px;color:var(--text);background:0 0;border:0;font-size:28px;position:absolute;top:13px}.shared-otp-card h2{margin:0 36px 16px;font:400 42px/1.15 Bebas Neue,Cairo,sans-serif}.shared-otp-phone{margin:0 0 16px;font-weight:700}.shared-otp-demo{background:var(--surface-2);text-align:start;border-radius:9px;margin:0 0 22px;padding:12px 14px}.shared-otp-inputs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin:0 0 24px;display:grid}.shared-otp-inputs input{border:1px solid var(--line);background:var(--surface-2);width:100%;min-width:0;max-width:100%;height:70px;color:var(--text);text-align:center;box-sizing:border-box;border-radius:11px;padding:0;font-size:30px;font-weight:800;display:block}.shared-otp-inputs input:focus{outline:2px solid var(--accent);outline-offset:2px}.shared-otp-error{color:#e05b50;margin:0 0 16px}.shared-otp-submit{background:var(--accent);color:#10110f;border:0;width:100%;height:55px;font-weight:800}.shared-otp-submit:disabled{opacity:.45;color:#10110f}.shared-otp-submit:not(:disabled):hover{filter:brightness(.94)}@media (width<=520px){.shared-otp-shade{padding:12px}.shared-otp-card{border-radius:18px;padding:40px 18px 24px}.shared-otp-card h2{margin-inline:28px;font-size:34px}.shared-otp-inputs{gap:8px}.shared-otp-inputs input{height:60px;font-size:25px}}