:root{--background-color: #ffffff;--primary-color: #001daf;--primary-button-hover: #002aff;--primary-color-hover: var(--primary-color);--white-background-hover: var(--primary-color);--white-color-hover: #ffffff;width:100vw;height:100vh;font-family:Abel,sans-serif;line-height:1.4;font-weight:400;color-scheme:light;color:var(--primary-color);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:#c9cbfd}body{width:100vw;height:100vh;margin:0 auto}#root{width:100vw;height:100vh}.header{width:100%;height:5rem;background-color:var(--primary-color);color:#fff;padding:0 3rem;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:1rem}.header-logo{width:2.5rem;height:2.5rem}.header-title{font-size:1.5rem;font-weight:500}.form-page{width:100%;height:100%;justify-items:center}.form-container{display:flex;flex-direction:column;width:100%;height:100%;max-width:50ch;padding:1rem;box-sizing:border-box;gap:1rem}.form-title{font-size:2.5rem;line-height:1.2;font-weight:500}@media (min-width: 768px){.form-container{padding:1.5rem}}@media (min-width: 1024px){.form-container{padding:2rem}}@media (min-width: 1280px){.form-container{padding:2.5rem}}.cms-page{width:100%;height:100%}.otp-container{display:flex;gap:10px;justify-content:center;margin:20px 0}.otp-input{width:50px;height:60px;font-size:24px;text-align:center;border:2px solid #d1d5db;border-radius:10px;outline:none;transition:border-color .2s ease-in-out}.otp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.login-page{width:100%;display:flex;flex-direction:column;align-items:center}.login-body{width:100%;max-width:500px;display:flex;flex-direction:column;padding:1rem;box-sizing:border-box}.login-title{font-size:1.5rem;font-weight:600;line-height:1.4;color:gray}.input-group{width:100%;display:flex;flex-direction:column;gap:.5rem}input[type=tel]{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s}input[type=tel]:focus{outline:none;border-color:var(--primary-color)}.btn{display:block;width:100%;padding:.75rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-primary{background-color:var(--primary-color);color:#fff;margin-bottom:1rem}.btn-primary:hover{background-color:var(--primary-button-hover)}.btn-google{background-color:#fff;color:#374151;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-google:hover{background-color:var(--white-background-hover);color:var(--white-color-hover)}.btn-google img{width:20px;height:20px}.typing-text{font-family:Lobster,sans-serif;font-size:1.5rem;font-weight:600;line-height:1.4;overflow:hidden;white-space:nowrap;position:relative}.typing-text:after{content:"|";color:currentColor;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}