.splash-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f3f3f3}.splash-logo{width:120px;height:auto}.splash-title{margin-top:1rem;font-family:Noto Sans,sans-serif!important;font-weight:700;font-size:2rem;letter-spacing:.05em;color:#312783}.splash-screen--overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:2000}body{background-color:#f3f3f3;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}@media (max-width: 960px){.footer p{font-size:14px}}@media (max-width: 768px){.app-container{padding:10px}h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem}.button{font-size:.9rem}.responsive-image{width:100%;height:auto}}@media (max-width: 480px){.app-container{padding:5px}h1{font-size:1.8rem}h2{font-size:1.3rem}p{font-size:.9rem}.button{font-size:.85rem}.responsive-image{width:100%;height:auto}}body,.MuiTypography-root{font-family:Noto Sans,sans-serif!important}h1,h2,h3,h4,h5,h6{font-weight:700!important}h1{font-size:34px!important}h2{font-size:26px!important}h3{font-size:22px!important}h4{font-size:18px!important}h5{font-size:16px!important}h6{font-size:15px!important}p,a{font-family:Noto Sans,sans-serif!important;font-size:14px!important}ul,ol,span{font-family:Noto Sans,sans-serif!important}small{font-family:Noto Sans,sans-serif!important;font-size:12px!important;color:#666!important}button{font-family:Noto Sans,sans-serif!important;font-size:12px!important;font-weight:700!important}input,textarea,select{font-family:Noto Sans,sans-serif!important;font-size:16px!important}label{font-family:Noto Sans,sans-serif!important;font-size:14px!important;font-weight:700!important}.auth-page{width:350px;margin:0 auto;padding:2.5rem;background-color:#fff;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border-radius:10px;display:flex;flex-direction:column}.tab{transition:border-bottom .3s ease-in-out}.auth-form-container{overflow:hidden;height:auto;transition:height .3s ease-in-out}.auth-page .auth-tabs{display:flex;justify-content:space-between;margin-bottom:2rem;overflow:hidden;transition:max-height .3s ease-in-out}.auth-page .auth-tabs.login{max-height:500px}.auth-page .auth-tabs.signup{max-height:600px}.auth-page .auth-tabs div{flex:1;padding:1.25rem;border:none;background:none;cursor:pointer;font-weight:700;border-bottom:3px solid transparent;font-size:1.1rem;text-align:center}.auth-page .auth-tabs div.active{border-bottom:3px solid #312783;color:#312783}.sign-in form,.sign-up form{display:flex;flex-direction:column}.sign-in form input,.sign-up form input{margin-bottom:1.25rem;padding:1rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;transition:border-color .3s;width:100%;box-sizing:border-box}.sign-in form input:focus,.sign-up form input:focus{border-color:#0485e2}.sign-in form input:disabled,.sign-up form input:disabled{background-color:#f5f5f5}.sign-in form button,.sign-up form button{padding:1rem;font-size:1rem;background-color:#312783;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.sign-in form button:disabled,.sign-up form button:disabled{background-color:#ccc;cursor:not-allowed}.sign-in form button:hover:not(:disabled),.sign-up form button:hover:not(:disabled){background-color:#4033aa}.sign-in form .sign-in-button,.sign-up form .sign-in-button,.sign-in form .create-account-button,.sign-up form .create-account-button{font-size:1.1rem!important;border-radius:44px!important;margin-top:10px!important}.sign-in .error-message,.sign-up .error-message{min-height:1.25rem;margin:.5rem 0;color:#d9534f;font-weight:700;transition:opacity .2s ease;opacity:1}.sign-in .error-message.hidden,.sign-up .error-message.hidden{opacity:0}.sign-in .additional-options,.sign-up .additional-options{margin-top:1.5rem;text-align:left}.sign-in .additional-options .auth-divider,.sign-up .additional-options .auth-divider{height:1px;width:100%;background:#0000001f}.sign-in .additional-options p a,.sign-up .additional-options p a{color:#312783;text-decoration:none;font-size:1rem!important}.sign-in .additional-options p a:hover,.sign-up .additional-options p a:hover{text-decoration:underline}.sign-in .additional-options .auth-links,.sign-up .additional-options .auth-links{display:flex;justify-content:left;align-items:left;margin:1rem 0}.sign-in .additional-options .auth-links .auth-link,.sign-up .additional-options .auth-links .auth-link{color:#312783;text-decoration:none;font-size:.9rem;margin:0 .5rem}.sign-in .additional-options .auth-links .auth-link:hover,.sign-up .additional-options .auth-links .auth-link:hover{text-decoration:underline}.sign-in .additional-options .auth-links .link-separator,.sign-up .additional-options .auth-links .link-separator{color:#999}.sign-in .social-login,.sign-up .social-login{margin-top:2rem;text-align:center}.sign-in .social-login p,.sign-up .social-login p{margin-bottom:1rem}.sign-in .social-login .google-login,.sign-up .social-login .google-login,.sign-in .social-login .apple-login,.sign-up .social-login .apple-login{display:flex;align-items:center;justify-content:center;width:100%;padding:1rem;margin-bottom:1rem;font-size:1rem;border:none;border-radius:44px;cursor:pointer;transition:background-color .3s}.sign-in .social-login .google-login svg,.sign-up .social-login .google-login svg,.sign-in .social-login .apple-login svg,.sign-up .social-login .apple-login svg{margin-right:10px}.sign-in .social-login .google-login span,.sign-up .social-login .google-login span,.sign-in .social-login .apple-login span,.sign-up .social-login .apple-login span{margin-bottom:0}.sign-in .social-login .google-login,.sign-up .social-login .google-login{background-color:#db4437;color:#fff}.sign-in .social-login .google-login:hover,.sign-up .social-login .google-login:hover{background-color:#c33c2e}.sign-in .social-login .apple-login,.sign-up .social-login .apple-login{background-color:#333;color:#fff}.sign-in .social-login .apple-login:hover,.sign-up .social-login .apple-login:hover{background-color:#1a1a1a}.newsletter-checkbox{display:flex;align-items:flex-start;margin-bottom:1.25rem}.newsletter-checkbox input[type=checkbox]{margin-right:.75rem;margin-top:.25rem;width:15px}.newsletter-checkbox label{font-size:.9rem;line-height:1.4}.eula-checkbox{display:flex;align-items:flex-start;margin-bottom:1.25rem}.eula-checkbox input[type=checkbox]{margin-right:.75rem;margin-top:.25rem;width:15px}.eula-checkbox label{font-size:.9rem;line-height:1.4}.overlay-content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;text-align:center;z-index:1;animation:fadeIn 1s ease forwards}a.auth-link{padding-bottom:2rem}@keyframes fadeIn{to{opacity:1}}.auth-links.forgot-indent{display:block;margin:0 0 .5rem 1rem!important;text-align:left}.auth-links.forgot-indent .auth-link{font-size:.9rem!important;margin:0;padding:0}.password-container{position:relative}.password-container input{padding-right:2.5rem}.password-container .password-toggle{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);cursor:pointer;color:#666}.footer{padding:40px;text-align:center;background-color:#312783;color:#fff;z-index:1210;position:relative;margin-top:150px}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:left}.footer-column{flex:1;margin:0 20px}.footer-column h4{font-size:18px;margin-bottom:10px}.footer-column ul{list-style-type:none;padding:0}.footer-column li{margin-bottom:8px}.footer-column a{text-decoration:none;color:#fff}.footer-column a:hover{text-decoration:underline}.footer-bottom{margin-top:20px}.footer-bottom p{margin:5px 0}.footer-bottom a{color:#fff;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:left}.footer-column{margin-bottom:20px}}.welcome-screen{display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden}.welcome-screen .welcome-frame{position:relative;width:95%;height:80%;background-color:#f3f3f3;border-radius:20px;box-shadow:#63636333 0 2px 8px;display:flex;justify-content:center;align-items:center;overflow:hidden}.welcome-screen .welcome-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--welcomeFrameBg);background-size:cover;background-position:center;opacity:.2;z-index:0;pointer-events:none}.welcome-screen .welcome-frame .overlay-content{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;z-index:2;opacity:1;width:100%;flex-wrap:wrap}.welcome-screen .welcome-frame .overlay-content .welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%;height:100%;align-items:center}.welcome-screen .welcome-frame .overlay-content .welcome-col{display:flex;align-items:center;justify-content:center}.welcome-screen .welcome-frame .overlay-content .tagline img{width:500px;margin-bottom:40px}.welcome-screen .welcome-frame .overlay-content .tagline h1{font-size:2.5rem;transition:font-size .3s ease}.welcome-screen .welcome-frame .overlay-content .tagline h2{font-size:1.2rem;margin-top:10px;transition:font-size .3s ease}.welcome-screen .welcome-frame .overlay-content .tagline .tagline-text{color:#312783}.welcome-screen .welcome-frame .overlay-content .login-form{margin:50px;width:100%;z-index:10}.welcome-screen .welcome-frame .overlay-content .login-form form{display:flex;flex-direction:column;width:100%}.welcome-screen .welcome-frame .overlay-content .login-form form input{margin-bottom:.5rem;padding:.75rem;border-radius:4px;border:1px solid #000000}.welcome-screen .welcome-frame .overlay-content .login-form form button{background-color:#312783;color:#fff;padding:.75rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.welcome-screen .welcome-frame .overlay-content .login-form form button:hover{background-color:#221b5c;transform:translateY(-3px)}.welcome-screen .welcome-frame .overlay-content .login-form form button:disabled{background-color:#ccc;cursor:not-allowed;pointer-events:none}.welcome-screen .welcome-frame .overlay-content .login-form .error-message{color:red;margin-top:10px;animation:fadeIn .5s ease}.welcome-screen .welcome-frame .overlay-content .login-form .forgot-bahaiid-link{margin-top:10px;text-align:center}.welcome-screen .welcome-frame .overlay-content .login-form .forgot-bahaiid-link a{color:#312783;text-decoration:underline}.welcome-screen .welcome-frame .overlay-content .login-form .forgot-bahaiid-link a:hover{color:#221b5c}.welcome-screen .social-login{margin-top:20px}.welcome-screen .social-login button{background-color:#fff;border:1px solid #000000;margin:10px 0;padding:10px;border-radius:4px;display:flex;align-items:center;justify-content:center;width:100%;transition:background-color .3s ease}.welcome-screen .social-login button:hover{background-color:#5648c8}.welcome-screen .app-subscribe-row{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #eee;width:95%;margin:0 auto}.welcome-screen .background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes parallaxScroll{0%{transform:translateY(-10%)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.welcome-screen .welcome-frame{width:95%;height:90%}.welcome-screen .welcome-frame .overlay-content .welcome-grid{grid-template-columns:1fr;gap:16px}.welcome-screen .welcome-frame .overlay-content .login-form{margin:20px}.welcome-screen .welcome-frame .overlay-content .login-form .auth-page{width:70%}.welcome-screen .welcome-frame .overlay-content .login-form .auth-tabs button{font-size:18px!important}.welcome-screen .welcome-frame .overlay-content .tagline img{width:400px;margin-bottom:0}.welcome-screen .welcome-frame .overlay{padding:10px}.welcome-screen .welcome-frame .overlay .tagline h1{font-size:2rem}.welcome-screen .welcome-frame .overlay .tagline h2{font-size:1rem}.welcome-screen .welcome-frame .overlay .login-form{max-width:250px}}@media (max-width: 480px){.welcome-screen .welcome-frame{width:100%;height:100%;padding:10px}.welcome-screen .welcome-frame .overlay-content .welcome-grid{grid-template-columns:1fr}.welcome-screen .welcome-frame .overlay-content .tagline img{width:300px}.welcome-screen .welcome-frame .overlay-content .login-form{margin:20px}.welcome-screen .welcome-frame .overlay-content .login-form .auth-page{width:75%}.welcome-screen .welcome-frame .overlay-content .login-form .auth-tabs button{font-size:14px!important}.welcome-screen .welcome-frame .overlay{padding:10px}.welcome-screen .welcome-frame .overlay .tagline h1{font-size:1.8rem}.welcome-screen .welcome-frame .overlay .tagline h2{font-size:.9rem}}.app-subscribe-row{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #eee;width:95%;margin:0 auto}.app-subscribe-row .app-subscribe-row__inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:16px}.app-subscribe-row .app-subscribe-row__badges{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.app-subscribe-row .app-subscribe-row__social{display:flex;align-items:center;gap:16px;justify-content:flex-end}@media (max-width: 768px){.app-subscribe-row .app-subscribe-row__inner{flex-direction:column;align-items:flex-start}.app-subscribe-row .app-subscribe-row__social{width:100%;justify-content:flex-start}}.welcome-container .footer{margin-top:0}.testing-info{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9999;max-width:min(720px,calc(100vw - 24px));width:fit-content;background:#0288d1;color:#fff;border-radius:8px;padding:10px 14px;box-shadow:0 10px 24px #0000002e;display:flex;gap:12px;align-items:flex-start}.testing-info a{color:#fff;text-decoration:underline}.testing-info .testing-info__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#fff;font-size:18px;line-height:1;padding:0;cursor:pointer;opacity:.9}.testing-info .testing-info__close:hover{opacity:1}.app-download-text,.app-download-text a{font-size:1.1rem!important}
