:root{--ev-c-white: #ffffff;--ev-c-white-soft: #f8f8f8;--ev-c-white-mute: #f2f2f2;--ev-c-black: #1b1b1f;--ev-c-black-soft: #222222;--ev-c-black-mute: #282828;--ev-c-gray-1: #515c67;--ev-c-gray-2: #414853;--ev-c-gray-3: #32363f;--ev-c-text-1: rgba(255, 255, 245, .86);--ev-c-text-2: rgba(235, 235, 245, .6);--ev-c-text-3: rgba(235, 235, 245, .38);--ev-button-alt-border: transparent;--ev-button-alt-text: var(--ev-c-text-1);--ev-button-alt-bg: var(--ev-c-gray-3);--ev-button-alt-hover-border: transparent;--ev-button-alt-hover-text: var(--ev-c-text-1);--ev-button-alt-hover-bg: var(--ev-c-gray-2)}:root{--color-background: var(--ev-c-black);--color-background-soft: var(--ev-c-black-soft);--color-background-mute: var(--ev-c-black-mute);--color-text: var(--ev-c-text-1)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}ul{list-style:none}body{min-height:100vh;color:var(--color-text);background:var(--color-background);line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;width:100%;-webkit-user-select:text;user-select:text;background-color:#0f172a}#app{width:100%;min-height:100vh}.otp-container[data-v-b63eb36c]{width:80%;max-width:496px;perspective:1000px}.glass-card[data-v-b63eb36c]{background:#fff;border:1px solid #bfdbfe;border-radius:28px;padding:40px;box-shadow:0 20px 50px -12px #2563eb40,0 8px 20px -8px #2563eb26;animation:cardEntry-b63eb36c .6s cubic-bezier(.2,.8,.2,1)}@keyframes cardEntry-b63eb36c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header[data-v-b63eb36c]{text-align:center;margin-bottom:32px}.logo-wrapper[data-v-b63eb36c]{position:relative;width:77px;height:77px;margin:0 auto 16px;background:#fff;border:1px solid #bfdbfe;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb1a;overflow:hidden}.logo-img[data-v-b63eb36c]{width:80%;height:80%;object-fit:contain}.title[data-v-b63eb36c]{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;margin:0;background:linear-gradient(135deg,#1e3a8a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.subtitle[data-v-b63eb36c]{color:#475569;font-size:15px;margin-top:6px;font-weight:500}.input-section[data-v-b63eb36c]{margin-bottom:28px}.input-wrapper[data-v-b63eb36c]{position:relative;display:flex;align-items:center;background:#f1f5f9;border:2px solid transparent;border-radius:14px;padding:0 16px;transition:all .2s}.input-wrapper.focused[data-v-b63eb36c]{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.input-wrapper.valid[data-v-b63eb36c]{border-color:#10b981;background:#f0fdf4}.input-wrapper.invalid[data-v-b63eb36c]:not(.focused){border-color:#ef4444;background:#fef2f2}.input-icon[data-v-b63eb36c]{font-size:18px;margin-right:12px}.email-input[data-v-b63eb36c]{flex:1;background:transparent;border:none;padding:16px 0;color:#0f172a;font-size:16px;font-weight:600;font-family:inherit;outline:none}.status-indicator[data-v-b63eb36c]{margin-left:12px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.valid .status-indicator[data-v-b63eb36c]{background:#10b981;color:#fff}.invalid .status-indicator[data-v-b63eb36c]{background:#ef4444;color:#fff}.error-text[data-v-b63eb36c]{color:#ef4444;font-size:13px;margin-top:8px;text-align:center;font-weight:600}.section-header[data-v-b63eb36c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.section-title[data-v-b63eb36c]{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;color:#334155;margin:0}.refresh-badge[data-v-b63eb36c]{background:#eff6ff;border:1px solid #dbeafe;padding:4px 12px;border-radius:8px;font-size:12px;color:#2563eb;display:flex;align-items:center;gap:6px;font-weight:700}.pulse-dot[data-v-b63eb36c]{width:6px;height:6px;background:#2563eb;border-radius:50%}.pulse-dot.refreshing[data-v-b63eb36c]{animation:pulse-b63eb36c 1s infinite alternate}@keyframes pulse-b63eb36c{0%{opacity:1;transform:scale(1)}to{opacity:.4;transform:scale(1.3)}}.otp-scroll-area[data-v-b63eb36c]{max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.otp-scroll-area[data-v-b63eb36c]::-webkit-scrollbar{width:4px}.otp-scroll-area[data-v-b63eb36c]::-webkit-scrollbar-track{background:transparent}.otp-scroll-area[data-v-b63eb36c]::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.otp-card[data-v-b63eb36c]{background:linear-gradient(135deg,#f0f7ff,#fff);border:1px solid #bfdbfe;border-radius:16px;padding:24px;display:flex;align-items:center;justify-content:space-between;transition:all .2s;box-shadow:0 2px 8px #2563eb14}.otp-card[data-v-b63eb36c]:hover{border-color:#60a5fa;box-shadow:0 8px 20px -4px #2563eb33;transform:translateY(-1px)}.otp-details[data-v-b63eb36c]{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;flex:1;min-width:0}.otp-details[data-v-b63eb36c]>*{text-align:left;align-self:flex-start}.otp-code-wrapper[data-v-b63eb36c]{width:auto;text-align:left}.otp-label[data-v-b63eb36c]{font-size:11px;font-weight:800;color:#2563eb;letter-spacing:.05em;text-transform:uppercase}.otp-code[data-v-b63eb36c]{font-family:Outfit,sans-serif;font-size:34px;font-weight:800;background:linear-gradient(135deg,#1e3a8a,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px;line-height:1;margin:4px 0}.otp-timestamp[data-v-b63eb36c]{font-size:12px;color:#64748b;font-weight:600}.copy-action[data-v-b63eb36c]{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 12px #2563eb59}.copy-action[data-v-b63eb36c]:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb73}.copy-action.copied[data-v-b63eb36c]{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px 12px #10b98173!important}.loading-state[data-v-b63eb36c],.empty-state[data-v-b63eb36c]{text-align:center;padding:48px 0;color:#64748b;background:#f8fafc;border-radius:16px;border:1px dashed #e2e8f0}.loader[data-v-b63eb36c]{width:32px;height:32px;border:3px solid #f1f5f9;border-top-color:#2563eb;border-radius:50%;margin:0 auto 12px;animation:spin-b63eb36c .8s infinite linear}@keyframes spin-b63eb36c{to{transform:rotate(360deg)}}.empty-icon[data-v-b63eb36c]{font-size:40px;margin-bottom:12px;color:#cbd5e1}.update-footer[data-v-b63eb36c]{margin-top:24px;text-align:center;font-size:12px;color:#64748b;font-weight:600;background:#f1f5f9;padding:8px;border-radius:8px}:root{--primary: #2563eb;--primary-hover: #1d4ed8;--secondary: #0ea5e9;--bg-gradient: radial-gradient(at 15% 10%, #dbeafe 0, transparent 55%), radial-gradient(at 85% 15%, #bfdbfe 0, transparent 55%), radial-gradient(at 50% 90%, #93c5fd 0, transparent 55%), linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(37, 99, 235, .1);--text-main: #0f172a;--text-muted: #475569}body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#eff6ff;color:var(--text-main);overflow-x:hidden}.app{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-image:var(--bg-gradient);background-attachment:fixed}