@font-face{font-family:HK Grotesk wf;font-display:swap;font-weight:400;font-style:normal;src:url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-Regular.woff2) format("woff2"),url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-Regular.woff) format("woff")}@font-face{font-family:HK Grotesk wf;font-display:swap;font-weight:500;font-style:normal;src:url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-Medium.woff2) format("woff2"),url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-Medium.woff) format("woff")}@font-face{font-family:HK Grotesk wf;font-display:swap;font-weight:600;font-style:normal;src:url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-SemiBold.woff2) format("woff2"),url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-SemiBold.woff) format("woff")}@font-face{font-family:HK Grotesk wf;font-display:swap;font-weight:800;font-style:normal;src:url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-ExtraBold.woff2) format("woff2"),url(https://salecdn.portfoliobox.net/0000_fonts/HKGrotesk-ExtraBold.woff) format("woff")}@font-face{font-family:Maison Neue wf;font-display:swap;font-weight:700;font-style:normal;src:url(https://salecdn.portfoliobox.net/0000_fonts/Maison-Neue-Bold.woff2) format("woff2"),url(https://salecdn.portfoliobox.net/0000_fonts/Maison-Neue-Bold.woff) format("woff")}:root{--b1: #121212;--dark-blue: #1a8ef9;--light-blue: #3ab8ff;--input-background: #f3fafe;--input-border: #9cd6fc;--mobile-breakpoint: 600px}.commonLoginSignup{display:flex;flex-direction:column;font-family:HK Grotesk wf,sans-serif;color:#121212;width:clamp(600px,50%,660px);box-sizing:border-box;margin:0 auto;justify-content:center;height:100vh}.commonLoginSignup h1,.commonLoginSignup h2{font-size:1.6rem;font-weight:700;color:#1e1e1e}.commonLoginSignup .subHeader{color:#646464;font-weight:400}.commonLoginSignup .hidden{display:none}.commonLoginSignup a,.commonLoginSignup .link{color:#1a8ef9;cursor:pointer;line-height:1.3;transition:color .15s;text-decoration:underline;font-size:14px}.commonLoginSignup a:hover,.commonLoginSignup .link:hover{color:#3ab8ff}.commonLoginSignup form,.commonLoginSignup .form{display:flex;flex-direction:column;justify-content:stretch}.commonLoginSignup .formGroup label{display:block;margin-bottom:.5rem;font-size:.875rem;text-align:left}.commonLoginSignup .formGroup input,.commonLoginSignup .formGroup select,.commonLoginSignup .formGroup textarea{width:100%;padding:1rem;border:1px solid #d6d6d6;border-radius:12px;box-sizing:border-box;font-size:1rem;font-weight:300}.commonLoginSignup .error{font-size:12px;line-height:1.3;color:#bf2828;margin-top:8px}.commonLoginSignup .alternativeLogin .google-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;height:48px;padding:.5rem 1.5rem;width:100%;background:#f5f5f5;border-radius:12px;cursor:pointer}.commonLoginSignup .alternativeLogin .google-btn .googleLogo{height:100%;aspect-ratio:1/1}.commonLoginSignup .alternativeLogin .google-btn .googleText{font-weight:700}.commonLoginSignup .alternativeLogin .google-btn:hover{background:#0092ff12}.commonLoginSignup .alternativeLogin .error{margin-top:30px;text-align:center}.commonLoginSignup .alternativeLogin .error a{font-size:12px}.commonLoginSignup .backButton{margin-top:10px;cursor:pointer}.commonLoginSignup .backButton img{width:20px;height:20px;margin-right:10px}.commonLoginSignup #app{margin-top:1.5rem}.commonLoginSignup .turnstile div:first-child{margin-top:16px}.commonLoginSignup .divider{display:flex;align-items:center;justify-content:center;gap:1rem;text-align:center;margin:1.5rem 0}.commonLoginSignup .divider:before,.commonLoginSignup .divider:after{content:"";flex:1 1 auto;height:1px;background-color:#d6d6d6}.commonLoginSignup .button{display:inline-block;padding:1rem;background-color:#0092ff;border-radius:8px;cursor:pointer;text-align:center}.commonLoginSignup .button.secondary{background-color:inherit;color:#1e1e1e}.commonLoginSignup .button.loginWithPassword,.commonLoginSignup .button.loginWithTOTP{background-color:#3dabff}@media(max-width:767px){.commonLoginSignup .button{width:100%;max-width:100%}}.commonLoginSignup .siteTitleForm{width:clamp(600px,50%,660px);height:100%;display:flex;flex-direction:column;text-align:center;padding:clamp(1rem,20vh,300px) 3rem 3rem 3rem;margin-left:auto;margin-right:auto;background-color:#fff;color:#1e1e1e;font-size:16px}.commonLoginSignup .siteTitleForm .inputField{text-align:left;margin-top:1.5rem;width:100%}.commonLoginSignup .siteTitleForm picture{display:block}.commonLoginSignup .siteTitleForm picture img{width:100%;height:100%;display:block;object-fit:contain}.commonLoginSignup .siteTitleForm .logo{margin-bottom:1.5rem}.commonLoginSignup .siteTitleForm .logo .logoImg{height:50px}.commonLoginSignup .siteTitleForm .button{width:100%;margin-top:1.5rem}@media(max-width:767px){.commonLoginSignup .siteTitleForm{width:100%;padding:clamp(3rem,20vh,120px) 1.5rem 3rem 1.5rem}}.commonLoginSignup .siteTitleForm .button{width:100%;filter:drop-shadow(0 6px 20px rgba(0,0,0,.12))}.commonLoginSignup .submitButton{margin-top:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));width:100%;background-color:#000}@media(max-width:600px){.commonLoginSignup{width:100%}}#loginPage #loginForm .forgotPassword{margin-top:10px}#loginPage #loginForm .forgotPassword.disabled{color:#9d9d9d;cursor:not-allowed}#loginPage #loginForm .submitError{margin-top:0}#loginPage #loginForm .loginWithPassword{margin-top:12px}#loginPage #loginForm .continueWithEmail{margin-top:20px}#loginPage #modal .bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#loginPage #modal .modal-content{background-color:#fff;padding:1.6rem 2.6rem 4rem;border-radius:5px;box-shadow:0 4px 8px #0000001a;max-width:600px;width:100%;box-sizing:border-box;z-index:1001;position:relative}#loginPage #modal .modal-content h2{text-align:center;margin-bottom:1.5rem}#loginPage #modal .modal-content button{margin-top:20px}#loginPage #modal .modal-content .userEmail{font-weight:600}#loginPage #modal .modal-content .close{position:absolute;right:13px;top:3px;font-size:25px;cursor:pointer}#loginPage #modal .modal-content .close:focus,#loginPage #modal .modal-content .close:focus-visible{outline:none}#loginPage #modal .modal-content .hidden{display:none}#loginPage #totp{margin-top:2rem}#loginPage #totp button{margin-top:20px}#loginPage #totp .boxes{display:flex;justify-content:space-between;flex-direction:row;gap:10px;margin-top:5px;flex-wrap:nowrap}#loginPage #totp .boxes input{font-size:30px;text-align:center;text-transform:uppercase;background:inherit;flex:1 1 0;min-width:0}#loginPage #totp .boxes input::placeholder{color:#e2e2e2}@media(max-width:500px){#loginPage #totp .boxes input{font-size:20px}}#signupPage #signupForm .signupMessage{font-size:14px;line-height:18px;margin-top:18px;margin-bottom:40px}#signupPage #signupForm .weakPassword{font-size:12px;line-height:1.3;color:#bf2828;margin-top:8px}#signupPage #signupForm .mediumPassword{font-size:12px;line-height:1.3;color:#f4903d;margin-top:8px}#signupPage #signupForm .strongPassword{font-size:12px;line-height:1.3;color:#5fbf28;margin-top:8px}#signupPage #signupForm .submitError{margin-bottom:20px}#signupPage #signupForm .submitError a{font-size:12px}#signupPage #signupForm .continueWithEmail{margin-top:20px}.grecaptcha-badge{display:none}
