:root{--wpl-primary:#6366f1;--wpl-primary-dark:#4f46e5;--wpl-primary-light:#eef2ff;--wpl-success:#10b981;--wpl-success-bg:#ecfdf5;--wpl-success-border:#6ee7b7;--wpl-error:#ef4444;--wpl-error-bg:#fef2f2;--wpl-error-border:#fca5a5;--wpl-warning-bg:#fffbeb;--wpl-warning-border:#fcd34d;--wpl-text:#1e293b;--wpl-text-muted:#64748b;--wpl-text-faint:#94a3b8;--wpl-bg:#f8fafc;--wpl-card:#fff;--wpl-border:#edf2f7;--wpl-input-bg:#1a202c;--wpl-input-text:#f7fafc;--wpl-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.03);--wpl-font:'Outfit',system-ui,-apple-system,sans-serif;--wpl-radius-card:20px;--wpl-radius-input:10px;--wpl-radius-btn:10px;--wpl-transition:.2s cubic-bezier(.4,0,.2,1)}.wpl-auth-wrapper *,.wpl-auth-wrapper *:before,.wpl-auth-wrapper *:after{box-sizing:border-box}.wpl-auth-wrapper{font-family:var(--wpl-font);-webkit-font-smoothing:antialiased;min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px 16px}.wpl-auth-card{background:var(--wpl-card);width:100%;max-width:420px;border-radius:var(--wpl-radius-card);box-shadow:var(--wpl-shadow);border:1px solid #666}.wpl-auth-header{text-align:center;padding:36px 36px 20px}.wpl-auth-title{color:var(--wpl-text);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px;line-height:1.2}.wpl-auth-subtitle{color:var(--wpl-text-muted);font-size:14px;font-weight:400;margin:0;line-height:1.5}.wpl-auth-step{padding:8px 32px 36px;animation:wplFadeUp .35s ease-out}@keyframes wplFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wpl-auth-message{margin:0 32px 16px;padding:0;font-size:14px;line-height:1.5;border-radius:8px;display:none}.wpl-auth-message:not(:empty){display:block}.wpl-auth-message.success{background:var(--wpl-success-bg);color:#065f46;border:1px solid var(--wpl-success-border);padding:12px 14px}.wpl-auth-message.error{background:var(--wpl-error-bg);color:#991b1b;border:1px solid var(--wpl-error-border);padding:12px 14px}.wpl-auth-message p{margin:0}.wpl-auth-message a{color:inherit;text-decoration:underline;font-weight:600}.wpl-input-group{margin-bottom:20px}.wpl-label{display:block;font-size:13px;font-weight:600;color:var(--wpl-text);margin-bottom:7px;letter-spacing:.01em}.wpl-phone-field-wrap{position:relative}.wpl-phone-field-wrap .iti{width:100% !important;display:block !important}.wpl-input{width:100% !important;height:50px;font-size:15px;font-family:var(--wpl-font);color:var(--wpl-text);background:#fafbfc;border:1.5px solid var(--wpl-border);border-radius:var(--wpl-radius-input);padding:0 16px;display:block;transition:all var(--wpl-transition);-webkit-appearance:none;appearance:none}.wpl-input:focus{outline:none;border-color:var(--wpl-primary);background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.12)}.wpl-input::placeholder{color:var(--wpl-text-faint)}.wpl-otp-input{text-align:center;letter-spacing:.35em;font-weight:700;font-size:22px;background:#fff !important;border:1px solid #666 !important;border-radius:14px !important}.wpl-btn{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;font-family:var(--wpl-font);cursor:pointer;border:none;border-radius:var(--wpl-radius-btn);letter-spacing:.01em;transition:all var(--wpl-transition);position:relative;overflow:hidden;text-decoration:none;-webkit-tap-highlight-color:transparent}.wpl-btn svg{flex-shrink:0}.wpl-btn-primary{background:#010a47;color:#fff;box-shadow:0 4px 14px rgba(1,10,71,.35)}.wpl-btn-primary:hover{transform:translateY(-1px);background:#0a1560;box-shadow:0 6px 20px rgba(1,10,71,.45)}.wpl-btn-primary:active{transform:translateY(0);filter:brightness(.96)}.wpl-btn-ghost{background:0 0;color:var(--wpl-text-muted);border:1.5px solid var(--wpl-border);box-shadow:none}.wpl-btn-ghost:hover{background:var(--wpl-primary-light);border-color:var(--wpl-primary);color:var(--wpl-primary)}.wpl-btn-stack{display:flex;flex-direction:column;gap:10px}.wpl-otp-info{display:flex;align-items:flex-start;gap:12px;background:var(--wpl-primary-light);border-radius:10px;padding:14px;margin-bottom:22px}.wpl-otp-info svg{flex-shrink:0;margin-top:2px}.wpl-otp-info p{margin:0;font-size:13px;color:var(--wpl-primary-dark);font-weight:500;line-height:1.5}.wpl-auth-note{text-align:center;font-size:12px;color:var(--wpl-text-faint);margin:16px 0 0;line-height:1.6}.wpl-auth-message .loading{display:flex;align-items:center;gap:8px;color:var(--wpl-text-muted);font-style:normal;font-size:14px}.wpl-phone-field-wrap .iti{width:100% !important;display:block !important;position:relative}.wpl-phone-field-wrap .wpl-input,.wpl-phone-field-wrap input#wpl-phone{width:100% !important;height:50px !important;background:#fff !important;border:1px solid #666 !important;border-radius:10px !important;font-size:16px !important;font-family:var(--wpl-font) !important;padding-left:60px !important;transition:all .25s cubic-bezier(.4,0,.2,1) !important;box-sizing:border-box !important;box-shadow:inset 0 2px 4px 0 rgba(0,0,0,.06) !important}.wpl-phone-field-wrap .wpl-input::placeholder,.wpl-phone-field-wrap input#wpl-phone::placeholder{color:#a0aec0 !important}.wpl-phone-field-wrap .wpl-input:focus,.wpl-phone-field-wrap input#wpl-phone:focus{outline:none !important;background:#fff !important;border:1px solid #666 !important;box-shadow:0 0 0 4px rgba(102,126,234,.15) !important}.wpl-phone-field-wrap .iti__flag-container{position:absolute;top:0;left:0;bottom:0;padding:0;z-index:1}.wpl-phone-field-wrap .iti__selected-flag{display:flex !important;align-items:center !important;height:100% !important;padding:0 8px 0 14px !important;background:0 0 !important;border:none !important;outline:none !important;box-shadow:none !important;border-radius:12px 0 0 12px !important;gap:6px !important;cursor:pointer !important}.wpl-phone-field-wrap .iti__selected-flag:hover{background:rgba(255,255,255,.06) !important}.iti__selected-dial-code{font-size:15px;font-family:var(--wpl-font);color:#e2e8f0;font-weight:600;margin-left:4px}.iti__arrow{border-top-color:#94a3b8 !important;margin-left:2px}.iti__country-list{border-radius:12px !important;box-shadow:0 16px 40px rgba(0,0,0,.14) !important;border:1px solid var(--wpl-border) !important;font-family:var(--wpl-font) !important;font-size:14px !important;max-height:180px !important;overflow-x:hidden;overflow-y:auto;z-index:9999 !important;padding:4px 0 !important}.iti__country-list .iti__country{padding:10px 16px !important;display:flex !important;align-items:center !important;gap:10px !important;cursor:pointer}.iti__country-list .iti__country:hover,.iti__country-list .iti__country.iti__highlight{background:#f8fafc !important}.iti__country-list .iti__country-name{font-size:14px;color:var(--wpl-text)}.iti__country-list .iti__dial-code{color:var(--wpl-text-muted) !important;font-size:13px !important;margin-left:auto}.iti__search-input{display:block !important;width:calc(100% - 24px) !important;margin:10px 12px 8px !important;padding:9px 12px !important;border:1.5px solid var(--wpl-border) !important;border-radius:8px !important;font-size:14px !important;font-family:var(--wpl-font) !important;box-sizing:border-box !important;color:var(--wpl-text) !important}.iti__search-input:focus{outline:none !important;border-color:#010a47 !important;box-shadow:0 0 0 3px rgba(1,10,71,.1) !important}.iti__country-list::-webkit-scrollbar{width:4px}.iti__country-list::-webkit-scrollbar-track{background:0 0}.iti__country-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.iti__selected-country{background:0 0 !important;border:0 !important;display:flex !important}.iti__selected-country:focus{background:0 0 !important;border:0 !important}@media (max-width:480px){.wpl-auth-wrapper{min-height:100vh;align-items:flex-start;padding:12px 8px 24px}.wpl-auth-card{border-radius:16px;max-width:100%}.wpl-auth-header{padding:32px 20px 24px}.wpl-auth-title{font-size:22px}.wpl-auth-subtitle{font-size:13px}.wpl-auth-step{padding:8px 20px 28px}.wpl-auth-message{margin:0 20px 16px}.wpl-input{height:52px;font-size:16px;padding-left:98px !important}.wpl-otp-input{padding-left:16px !important;font-size:20px}.wpl-btn{height:52px;font-size:15px}}@media (max-width:360px){.wpl-auth-header{padding:24px 16px 20px}.wpl-auth-step{padding:8px 16px 24px}.wpl-auth-message{margin:0 16px 14px}}