@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 241 51% 27%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 241 51% 27%;--radius: .5rem;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 84% 4.9%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%}}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Manrope,system-ui,sans-serif;background-color:#fff;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow-x:hidden;margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}#root{height:100vh;width:100vw;overflow-x:hidden}@media (min-width: 768px) and (max-width: 1024px){#root{max-width:100%;width:100%}body{background-color:#fff}.mobile-container{padding:1rem}}@media (min-width: 1025px){#root{max-width:100%;width:100%;min-height:100vh}body{background-color:#fff}.mobile-container{padding:2rem;max-width:1200px;margin:0 auto}@media (min-width: 1200px){.mobile-container{padding:3rem}}@media (min-width: 1400px){.mobile-container{padding:4rem}}}.mobile-container{height:100vh;width:100vw;max-width:100vw;background-color:#fff;overflow-x:hidden;position:relative}.btn-primary{background-color:#232269;color:#fff;font-weight:500;padding:1rem 1.5rem;border-radius:.75rem;border:none;cursor:pointer;transition:all .2s;font-family:Manrope,system-ui,sans-serif;font-size:1rem;width:100%;max-width:100%}.btn-primary:hover{background-color:#6d28d9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.input-field{width:100%;max-width:100%;padding:1rem;background-color:#f3f4f6;border:none;border-radius:.75rem;color:#1f2937;font-size:1rem;transition:all .2s;font-family:Manrope,system-ui,sans-serif}.input-field:focus{outline:none;background-color:#fff;box-shadow:0 0 0 2px #232269}.input-field::placeholder{color:#6b7280}.otp-input{width:2.5rem;height:3rem;text-align:center;font-size:1.125rem;font-weight:600;background-color:#f3f4f6;border:none;border-radius:.5rem;transition:all .2s;font-family:Manrope,system-ui,sans-serif;flex-shrink:0}.otp-input:focus{outline:none;background-color:#fff;box-shadow:0 0 0 2px #232269}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes lettersExit{0%{transform:translateY(0) scale(1);opacity:1}50%{transform:translateY(-20px) scale(1.1);opacity:.8}to{transform:translateY(-100px) scale(.8);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-fade-in{animation:fadeIn .5s ease-in-out}.animate-slide-up{animation:slideUp .5s ease-out}.animate-letters-exit{animation:lettersExit 1.5s ease-in-out forwards}@media (max-width: 320px){.otp-input{width:3rem;height:3rem;font-size:1rem}.mobile-container{padding:.5rem}}@media (min-width: 375px) and (max-width: 414px){.otp-input{width:4rem;height:4rem;font-size:1.5rem}}@media (orientation: landscape) and (max-height: 500px){.mobile-container{padding:.5rem}.mobile-container>div:first-child{margin-bottom:1rem}.mobile-container>div:last-child{margin-top:.5rem;padding-top:.5rem}}@supports (padding: max(0px)){.fixed-bottom-button{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media screen and (-webkit-min-device-pixel-ratio: 0){select,textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel]{font-size:16px!important;-webkit-text-size-adjust:100%;-webkit-appearance:none;border-radius:0}}@media (max-width: 768px){input,select,textarea{font-size:16px!important;-webkit-text-size-adjust:100%;zoom:1}input:focus,select:focus,textarea:focus{font-size:16px!important;-webkit-text-size-adjust:100%}}input,textarea,select{font-size:16px!important;-webkit-text-size-adjust:100%!important;-webkit-appearance:none!important}input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=search],input[type=url],input[type=date],input[type=time],input[type=datetime-local],textarea{font-size:16px!important;-webkit-text-size-adjust:100%!important;-webkit-transform:scale(1)!important;zoom:1!important}.mobile-fixed-button{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;background-color:#fff;border-top:1px solid #e5e7eb;z-index:1000;padding-bottom:max(1rem,env(safe-area-inset-bottom))}.mobile-content-with-fixed-button{padding-bottom:100px}@media (max-width: 480px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn-primary{font-size:16px;padding:.875rem 1.25rem}.input-field{font-size:16px;padding:.875rem}}.modal-overlay{z-index:2000!important}.modal-content{max-height:calc(100vh - 140px)!important}.drawer-overlay{z-index:1500!important}.drawer-content{z-index:1501!important}.navigation-bar{z-index:1000!important}.modal-overlay>.modal-content{position:relative;z-index:2001}
