body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;display:flex;align-items:center;justify-content:center}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 40% 60%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:50px 50px,80px 80px,30px 30px;animation:float 20s ease-in-out infinite;z-index:-1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.App:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.3) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite;z-index:-1}@keyframes backgroundShift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(-20px) translateY(-10px)}50%{transform:translate(20px) translateY(10px)}75%{transform:translate(-10px) translateY(20px)}}.App{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;box-shadow:0 32px 64px #0000001f,0 0 0 1px #fff3;width:100%;max-width:420px;text-align:center;position:relative;overflow:hidden;animation:cardSlideIn .8s cubic-bezier(.16,1,.3,1);transition:all .3s ease}.auth-card:hover{transform:translateY(-4px);box-shadow:0 40px 80px #00000026,0 0 0 1px #ffffff4d}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:24px 24px 0 0}.auth-card h1{color:#1a1a1a;margin-bottom:12px;font-size:32px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card p{color:#6b7280;margin-bottom:40px;font-size:16px;line-height:1.5;font-weight:400}.success-animation{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:successPulse .8s ease-in-out;box-shadow:0 8px 32px #10b9814d}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.form-group{margin-bottom:24px;text-align:left;animation:fadeInUp .6s ease-out .1s both}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:14px;letter-spacing:.025em;transition:color .3s ease}.form-group input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f9fafb;font-weight:500;position:relative}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:translateY(-1px)}.form-group input:focus+label{color:#667eea}.form-group input:valid{border-color:#10b981;background:#f0fdf4}.form-group input:invalid:not(:placeholder-shown){border-color:#ef4444;background:#fef2f2}.PhoneInput{width:100%}.PhoneInputInput{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f9fafb;font-weight:500}.PhoneInputInput:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:translateY(-1px)}.btn{width:100%;padding:16px 24px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:16px;position:relative;overflow:hidden;letter-spacing:.025em;transform:translateZ(0);will-change:transform}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 32px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb;border-color:#667eea;transform:translateY(-1px)}.otp-container{display:flex;gap:12px;justify-content:center;margin:32px 0;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.otp-input{width:56px;height:56px;text-align:center;font-size:24px;font-weight:700;border:2px solid #e5e7eb;border-radius:16px;background:#f9fafb;transition:all .3s cubic-bezier(.4,0,.2,1);color:#1f2937;position:relative}.otp-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:scale(1.05)}.otp-input:not(:placeholder-shown){border-color:#10b981;background:#f0fdf4;animation:successPulse .6s ease-out}.otp-input:not(:placeholder-shown):after{content:"✓";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;font-size:12px;display:flex;align-items:center;justify-content:center;animation:checkmark .3s ease-out}@keyframes checkmark{0%{transform:scale(0)}to{transform:scale(1)}}.dashboard{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px;box-shadow:0 32px 64px #0000001f,0 0 0 1px #fff3;width:100%;max-width:520px;text-align:center;position:relative;overflow:hidden;animation:cardSlideIn .6s ease-out}.dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#047857);border-radius:24px 24px 0 0}.dashboard h1{color:#1a1a1a;margin-bottom:24px;font-size:32px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard .user-info{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);padding:24px;border-radius:16px;margin-bottom:32px;border:1px solid #d1fae5}.dashboard .user-info h3{color:#065f46;margin-bottom:16px;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.dashboard .user-info p{color:#047857;margin-bottom:8px;font-size:14px;font-weight:500}#recaptcha-container{margin:24px 0;display:block!important;min-height:40px;width:100%;text-align:center;visibility:visible!important;opacity:1!important;position:relative;z-index:1;pointer-events:auto}#recaptcha-container iframe{position:relative!important;z-index:1!important;pointer-events:auto!important}@media (max-width: 480px){.auth-card,.dashboard{padding:32px 24px;margin:16px;border-radius:20px}.auth-card h1,.dashboard h1{font-size:28px}.otp-container{gap:8px}.otp-input{width:48px;height:48px;font-size:20px}.btn{padding:14px 20px;font-size:15px}}@media (max-width: 360px){.otp-input{width:44px;height:44px;font-size:18px}.otp-container{gap:6px}}.react-hot-toast{font-weight:500;border-radius:12px;box-shadow:0 8px 32px #0000001f}.btn:disabled{position:relative;color:transparent;cursor:not-allowed}.btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.otp-progress{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden;margin:16px 0}.otp-progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .3s ease;animation:progressPulse 2s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.7}}.success-state{animation:successBounce .6s ease-out}@keyframes successBounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.form-group input:valid{border-color:#10b981}.btn:active{transform:scale(.98)}.input-focus-ring:not(#recaptcha-container){position:relative}.input-focus-ring:not(#recaptcha-container):before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb);border-radius:18px;opacity:0;transition:opacity .3s ease;z-index:-1}.input-focus-ring:not(#recaptcha-container):focus-within:before{opacity:1}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:before{width:300px;height:300px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.auth-card,.dashboard{border:2px solid #000}.btn-primary{background:#000;color:#fff}.otp-input{border-width:3px}}