@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}.phone-input-container{display:flex;align-items:center;background:#ffffff1a;border-radius:1rem;padding:.5rem;transition:all .3s;border:2px solid rgba(255,255,255,.2)}.phone-input-container:focus-within{background:#ffffff26;border-color:#ffffff4d}.country-code{padding:.5rem 1rem;border-right:2px solid rgba(255,255,255,.1)}.phone-input-wrapper{flex:1}.phone-input{width:100%;background:transparent;border:none;outline:none;padding:.5rem 1rem;font-size:1.125rem;color:#fff;caret-color:#fff}@media (max-width: 640px){.phone-input{font-size:1rem;padding:.375rem .75rem}.country-code{padding:.375rem .75rem}}@keyframes autofill-start{0%{background:transparent}to{background:transparent}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:white!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;transition:background-color 5000s ease-in-out 0s;caret-color:#fff}.phone-input:-webkit-autofill,.phone-input:-webkit-autofill:hover,.phone-input:-webkit-autofill:focus{-webkit-text-fill-color:white!important;-webkit-box-shadow:0 0 0px 1000px transparent inset!important;box-shadow:0 0 0 1000px transparent inset!important;transition:background-color 5000s ease-in-out 0s;caret-color:#fff}@keyframes otp-fill{0%{background:#ffffff1a;transform:scale(1)}50%{background:#facc154d;transform:scale(1.1)}to{background:#facc1533;transform:scale(1)}}.animate-otp-fill{animation:otp-fill .3s ease-out forwards}.phone-input-group{display:flex;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phone-input{background:transparent!important;color:#fff!important}.phone-input::placeholder{color:#ffffff80}.animate-float{animation:float 3s ease-in-out infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 640px){.glass-effect{margin:0 1rem;padding:1.5rem!important}input[type=tel]{font-size:1rem!important;padding:.75rem 1rem!important}.otp-input{width:2.5rem!important;height:3rem!important;font-size:1.25rem!important}}.glass-effect{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.glass-effect:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),rgba(255,255,255,.1),transparent);transition:.8s ease-out}.glass-effect:hover:before{left:100%;transition:.8s ease-out}@keyframes float{0%,to{transform:translateY(0) rotate(0);filter:drop-shadow(0 0 35px rgba(255,255,255,.3))}25%{transform:translateY(-10px) rotate(-1deg);filter:drop-shadow(0 0 45px rgba(255,255,255,.4))}75%{transform:translateY(-5px) rotate(1deg);filter:drop-shadow(0 0 40px rgba(255,255,255,.35))}}.animate-float{animation:float 6s ease-in-out infinite;will-change:transform,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes otp-fill{0%{transform:scale(1);background:#ffffff1a}50%{transform:scale(1.1);background:#fff3}to{transform:scale(1);background:#ffffff1a}}.animate-otp-fill{animation:otp-fill .2s ease-out forwards}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer}@media (hover: none){.touch-manipulation{-webkit-user-select:none;user-select:none}}input[type=text],input[type=tel],input[type=number]{-webkit-user-select:text!important;user-select:text!important;-webkit-tap-highlight-color:transparent;cursor:text!important;pointer-events:auto!important;caret-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}@supports (-webkit-touch-callout: none){input[type=text],input[type=tel],input[type=number]{font-size:16px!important}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.1) inset;transition:background-color 5000s ease-in-out 0s}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-4px,0,0)}20%,40%,60%,80%{transform:translate3d(4px,0,0)}}.animate-shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.loading-spinner{animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.glass-effect{margin:0 1rem;padding:1.5rem!important}.content-section{order:2;text-align:center!important;margin-top:2rem}.image-section{order:1}}@media (max-width: 640px){input[type=tel]{font-size:1rem!important;padding:.75rem 1rem!important}.otp-input{width:2.5rem!important;height:3rem!important;font-size:1.25rem!important}h1{font-size:2rem!important;margin-bottom:.75rem!important}p{font-size:1.125rem!important}.resend-timer{flex-direction:column;gap:.5rem}}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.bg-gradient-animate{background-size:200% 200%;animation:gradientShift 15s ease infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes move-twinkle-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(100%) skew(-15deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes autofill-start{}@keyframes bg-gradient-animate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-gradient-animate{background-size:400% 400%;animation:bg-gradient-animate 15s ease infinite}@keyframes glow{0%,to{box-shadow:0 0 10px #60a5fa26}50%{box-shadow:0 0 20px #a855f740}}@keyframes scaleNumber{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-scale-number{animation:scaleNumber 2s ease-in-out infinite;display:inline-block}.animate-float{animation:float 4s ease-in-out infinite}.social-proof-glow{animation:glow 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-otp-fill{animation:shake .3s ease-in-out}.glass-effect-premium{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.glass-effect-premium:hover{background:#ffffff14;box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.phone-input-container-premium{display:flex;align-items:center;background:#ffffff1a;border-radius:1rem;padding:.5rem;transition:all .3s ease}.phone-input-container-premium:focus-within{background:#ffffff26;box-shadow:0 4px 20px #0003}.country-code{padding:.5rem 1rem;border-right:1px solid rgba(255,255,255,.2)}.phone-input-wrapper{flex:1;padding-left:1rem}.phone-input-premium{width:100%;background:transparent;border:none;color:#fff;font-size:1.125rem;padding:.5rem;outline:none}.phone-input-premium::placeholder{color:#ffffff80}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}.charging-text{font-size:1px;line-height:1.15;letter-spacing:0;word-spacing:0;transform:scale(.7);transform-origin:center;max-width:100%;margin:.75em auto;padding:.25em 0}@media (min-width: 640px){.charging-text{font-size:10px;line-height:1.3;letter-spacing:-.01em;word-spacing:normal;transform:none}}@media (max-width: 640px){.phone-input-premium{font-size:1rem}.glass-effect-premium{padding:1.25rem}}button:focus,input:focus{outline:none;ring-color:rgba(255,255,255,.3);ring-offset-color:transparent}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.flex::-webkit-scrollbar{display:none}.flex{-ms-overflow-style:none;scrollbar-width:none}.content-section{margin-bottom:1rem}@media (min-width: 640px){.content-section{margin-bottom:1.5rem}}.animate-float{animation-duration:4s;animation-distance:15px}#root{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}