#signup-page{min-height:100vh;background-color:#f8f9fb;display:flex;flex-direction:column;box-sizing:border-box}#signup-page .signup-header{padding:20px 40px;background-color:transparent;position:relative}#signup-page .signup-header .signup-logo{display:inline-block}#signup-page .signup-header .signup-logo img{height:32px;width:auto}#signup-page .signup-container{display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:40px 40px;gap:40px;box-sizing:border-box}@media (min-width: 900px){#signup-page .signup-container{flex-direction:row;align-items:flex-start;gap:60px;margin-top:auto;margin-bottom:auto}}#signup-page .signup-form-column{flex:1;max-width:440px}#signup-page .signup-form-column>.signup-tagline{font-family:"Space Grotesk", sans-serif;font-size:20px;font-weight:600;color:#1a1a2e;line-height:1.3;margin:0 0 16px 0;letter-spacing:-0.3px}#signup-page .signup-subtitle{font-family:"Space Grotesk", sans-serif;font-size:14px;color:#666;margin-top:-8px;margin-bottom:16px}#signup-page .signup-form{width:100%;font-family:"Space Grotesk", sans-serif}#signup-page .signup-form .notice{background-color:#e8f5e9;color:#2e7d32;padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:13px}#signup-page .signup-form .alert{background-color:#ffebee;color:#c62828;padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:13px}#signup-page .signup-form .form-errors{background-color:#ffebee;color:#c62828;padding:10px 14px;border-radius:6px;margin-bottom:12px;font-size:13px}#signup-page .signup-form .form-errors ul{margin:0;padding-left:18px}#signup-page .signup-form .form-errors li{margin:2px 0}#signup-page .social-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}#signup-page .social-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;color:#333;font-size:14px;font-weight:600;font-family:"Space Grotesk", sans-serif;letter-spacing:0.5px;text-decoration:none;cursor:pointer;transition:all 0.2s ease}#signup-page .social-btn:hover{background-color:#f5f5f5;border-color:#ccc;text-decoration:none;color:#333}#signup-page .social-btn .social-icon{width:18px;height:18px;margin-right:10px;display:flex;align-items:center;justify-content:center}#signup-page .social-btn .social-icon img{width:18px;height:18px}#signup-page .social-btn .social-text{flex:1;text-align:center;padding-right:28px;text-transform:uppercase}#signup-page .google-btn .social-icon img{filter:none}#signup-page .github-btn .social-icon img{filter:none}#signup-page .cancel-btn{background-color:transparent;color:#FF5300;border-color:#FF5300}#signup-page .cancel-btn:hover{background-color:rgba(255,83,0,0.05);color:#cc4200}#signup-page .auth-info{font-size:13px;color:#666;margin-bottom:6px;display:block}#signup-page .email-section{margin-top:4px}#signup-page .email-section-title{font-family:"Space Grotesk", sans-serif;font-size:14px;font-weight:600;color:#1a1a2e;margin:0 0 12px 0}#signup-page .additional-fields{max-height:0;overflow:hidden;opacity:0;transition:max-height 0.4s ease, opacity 0.3s ease, margin 0.3s ease;margin-top:0}#signup-page .additional-fields.revealed{max-height:800px;opacity:1;margin-top:12px;overflow:visible}#signup-page .input-field{margin-bottom:12px}#signup-page .input-field label{display:block;font-family:"Space Grotesk", sans-serif;font-size:13px;font-weight:500;color:#333;margin-bottom:4px}#signup-page .input-field label.required:after{content:"*";color:#FF5300;margin-left:2px}#signup-page .input-field input[type="text"],#signup-page .input-field input[type="email"],#signup-page .input-field input[type="password"]{width:100%;padding:0.875rem 1rem;border:1px solid #ddd;border-radius:0.375rem;font-size:1.0625rem;font-family:"Space Grotesk", sans-serif;background-color:#fff;box-sizing:border-box;transition:border-color 0.2s ease, box-shadow 0.2s ease}#signup-page .input-field input[type="text"]:focus,#signup-page .input-field input[type="email"]:focus,#signup-page .input-field input[type="password"]:focus{outline:none;border-color:#3B50FF;box-shadow:0 0 0 2px rgba(59,80,255,0.1)}#signup-page .input-field input[type="text"]::-moz-placeholder,#signup-page .input-field input[type="email"]::-moz-placeholder,#signup-page .input-field input[type="password"]::-moz-placeholder{color:#999}#signup-page .input-field input[type="text"]::placeholder,#signup-page .input-field input[type="email"]::placeholder,#signup-page .input-field input[type="password"]::placeholder{color:#999}#signup-page #signup-page .signup-form .input-field select{width:100%;height:auto;padding:0.875rem 1rem;padding-right:2.5rem;border:1px solid #ddd;border-radius:0.375rem;font-size:1.0625rem;line-height:normal;font-family:"Space Grotesk", sans-serif;background-color:#fff;box-sizing:border-box;transition:border-color 0.2s ease, box-shadow 0.2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer}#signup-page #signup-page .signup-form .input-field select:focus{outline:none;border-color:#3B50FF;box-shadow:0 0 0 2px rgba(59,80,255,0.1)}#signup-page #referral_code_container #referral_code label{display:inline-block;margin-right:4px}#signup-page #referral_code_container #referral_code .glyphicon-question-sign{font-size:12px;color:#999;cursor:help}#signup-page #referral_code_container #referral_code input{margin-top:4px}#signup-page .submit-section{margin-top:16px}#signup-page .submit-section button,#signup-page .submit-section input[type="submit"]{width:100%;padding:12px 20px;background:#3B50FF;background-color:#3B50FF;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;font-family:"Space Grotesk", sans-serif;letter-spacing:0.3px;cursor:pointer;transition:all 0.2s ease}#signup-page .submit-section button:hover,#signup-page .submit-section input[type="submit"]:hover{background:#122cff;background-color:#122cff}#signup-page .g-recaptcha button,#signup-page .submit-section .g-recaptcha button{width:100%;padding:12px 20px;background:#3B50FF !important;background-color:#3B50FF !important;color:#fff !important;border:none !important;border-radius:6px;font-size:14px;font-weight:600;font-family:"Space Grotesk", sans-serif;letter-spacing:0.3px;cursor:pointer;transition:all 0.2s ease}#signup-page .g-recaptcha button:hover,#signup-page .submit-section .g-recaptcha button:hover{background:#122cff !important;background-color:#122cff !important}#signup-page .terms-text{font-family:"Space Grotesk", sans-serif;font-size:12px;color:#666;line-height:1.5;margin-top:14px}#signup-page .terms-text a{color:#333;text-decoration:underline}#signup-page .terms-text a:hover{color:#3B50FF}#signup-page .signup-benefits-column{flex:1;display:none}@media (min-width: 900px){#signup-page .signup-benefits-column{display:block;max-width:480px}}#signup-page .signup-benefits-column .benefits-box{padding:40px;background-color:#f0f2f5;border-radius:16px}#signup-page .signup-benefits-column .signup-tagline{font-family:"Space Grotesk", sans-serif;font-size:22px;font-weight:600;color:#1a1a2e;line-height:1.3;margin:0 0 24px 0;letter-spacing:-0.3px}#signup-page .signup-benefits-column .signin-link{font-family:"Space Grotesk", sans-serif;font-size:14px;color:#666;margin-top:20px;text-align:center}#signup-page .signup-benefits-column .signin-link a{color:#3B50FF;font-weight:600;text-decoration:none;margin-left:4px}#signup-page .signup-benefits-column .signin-link a:hover{text-decoration:underline}#signup-page .benefits-list{list-style:none;margin:0;padding:0}#signup-page .benefit-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}#signup-page .benefit-item:last-child{margin-bottom:0}#signup-page .benefit-icon{flex-shrink:0;width:28px;height:28px;background-color:#3B50FF;border-radius:50%;display:flex;align-items:center;justify-content:center}#signup-page .benefit-icon svg{width:16px;height:16px;color:#fff}#signup-page .benefit-text{font-family:"Space Grotesk", sans-serif;font-size:15px;line-height:1.5;color:#333}#signup-page .benefit-text strong{font-weight:600;color:#1a1a2e}section#splash{margin-top:52px;width:100%;padding:50px 10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}@media (min-width: 900px){section#splash{margin-top:72px}}@media (min-width: 1200px){section#splash{padding:50px 140px}}section#splash.bg-purple{background-color:#4D165C;color:white}section#splash.bg-blue{background-color:#3B50FF;color:white}section#splash .content-constraint{display:flex;flex-direction:column;width:100%;max-width:1440px;padding-top:30px}@media (min-width: 600px){section#splash .content-constraint.split{display:flex;justify-content:center;align-items:center;flex-direction:row}}section#splash .content-constraint.split .area{flex:1;display:flex;box-sizing:border-box;padding:10px 0}section#splash .content-constraint.split .area:first-child{padding-top:0px}section#splash .content-constraint.split .area:last-child{padding-bottom:0px}@media (min-width: 600px){section#splash .content-constraint.split .area{padding:0 10px}section#splash .content-constraint.split .area:first-child{padding-left:0px}section#splash .content-constraint.split .area:last-child{align-self:start;padding-right:0px}}section#splash .content-constraint.split .area .content{height:100%;width:100%;display:flex}section#splash .content-constraint.split .area .content.centered{justify-content:center;align-items:center}section#splash .content-constraint.split .area .content.column{flex-direction:column}section#splash .content-constraint.split .area .content .cncf-badge{width:60%}section#splash .content-constraint.split .area .content .body-text{width:300px;text-align:center;margin:30px 0px}@media (min-width: 900px){section#splash .content-constraint.split .area .content .body-text{width:480px}}section#splash .content-constraint.split .area .content p.notice{border:1px solid rgba(255,0,0,0.3);font-size:14px;padding:2px;color:rgba(0,0,0,0.8)}section#splash .content-constraint.split .area .content form{width:300px;background:white;padding:10px 20px;box-sizing:border-box}@media (min-width: 900px){section#splash .content-constraint.split .area .content form{width:400px}}section#splash .content-constraint.split .area .content form .form-title{margin:10px 0}section#splash .content-constraint.split .area .content form .form-title>*{text-transform:none;text-align:center;color:#333}section#splash .content-constraint.split .area .content form .form-title h1{margin:0 0 10px 0;font-size:25px;line-height:100%}section#splash .content-constraint.split .area .content form .form-title h2{font-size:15px;color:#333;line-height:75%}section#splash .content-constraint.split .area .content form .form-title h3{font-size:15px;margin-top:-15px;text-transform:uppercase}section#splash .content-constraint.split .area .content form .form-errors{color:#FF5300;font-size:12px;list-style:none}section#splash .content-constraint.split .area .content form .form-errors ul li{list-style:none}section#splash .content-constraint.split .area .content form .input-field{display:flex;flex-direction:column;color:black}section#splash .content-constraint.split .area .content form .input-field>input,section#splash .content-constraint.split .area .content form .input-field>select{height:inherit;padding:5px;margin-bottom:10px}section#splash .content-constraint.split .area .content form .input-field input[type="email"]{border:1px solid #ccc;border-radius:2px}section#splash .content-constraint.split .area .content form .input-field>select,section#splash .content-constraint.split .area .content form .input-field>textarea{width:auto}section#splash .content-constraint.split .area .content form .input-field label.required:after{content:"*";color:#ff5154;font-size:20px}section#splash .content-constraint.split .area .content form .phone-number{display:flex;flex-flow:row nowrap}section#splash .content-constraint.split .area .content form .phone-number input:not(.countries-input):not(#authy-cellphone){display:none}section#splash .content-constraint.split .area .content form .phone-number .countries-input{width:65px;margin-right:5px}section#splash .content-constraint.split .area .content form label#phone_number_lbl:before{content:"" !important}section#splash .content-constraint.split .area .content #social{margin:30px auto;font-size:15px;display:flex;justify-content:center;gap:16px;color:#333}section#splash .content-constraint.split .area .content #social #auth-info{align-self:self-end}section#splash .content-constraint.split .area .content #social #cancel-button a.button{padding:3px 5px;text-shadow:none}section#splash .content-constraint.split .area .content #social a.button{display:flex;align-items:center;justify-content:flex-start;padding:5px 7px 5px 5px;text-decoration:none;letter-spacing:0.8px;font-size:12.5px;font-family:"proxima-nova", Helvetica, Arial, sans-serif;font-weight:500;white-space:nowrap;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.1);overflow:hidden}section#splash .content-constraint.split .area .content #social a.button .icon{flex:0 0 15%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.15)}section#splash .content-constraint.split .area .content #social a.button .icon img{width:20px;height:20px;filter:invert(1)}section#splash .content-constraint.split .area .content #social a.button .text{flex:1;text-align:center;padding-left:7px}section#splash .content-constraint.split .area .content #social a.cancel{background:transparent;color:#FF5300;border:1px solid #FF5300;font-weight:500}section#splash .content-constraint.split .area .content #social a.cancel:hover,section#splash .content-constraint.split .area .content #social a.cancel:focus{background-color:transparent;border-color:#cc4200;color:#cc4200}section#splash .content-constraint.split .area .content #social a.github{background:#24292e;color:#fff;border:1px solid #24292e}section#splash .content-constraint.split .area .content #social a.github .icon{background-color:#1b1f23}section#splash .content-constraint.split .area .content #social a.github:hover,section#splash .content-constraint.split .area .content #social a.github:focus{background:#000;border-color:#000}section#splash .content-constraint.split .area .content #social a.google{background:#4285f4;color:#ffffff;border:1px solid #dadce0}section#splash .content-constraint.split .area .content #social a.google .icon{background-color:#fff}section#splash .content-constraint.split .area .content #social a.google .icon img{filter:none}section#splash .content-constraint.split .area .content #social a.google:hover,section#splash .content-constraint.split .area .content #social a.google:focus{background:#296ddc;border-color:#c6c6c6}section#splash .content-constraint.split .area .content #submitter button{display:flex;justify-content:center;align-items:center;height:50px;width:80%;font-size:14px;font-weight:600;border:none;border-radius:6px;text-decoration:none;padding:0;box-shadow:none;background:none;background-color:#FF5300;color:white;transition:background 0.2s ease;margin:0 auto 10px}section#splash .content-constraint.split .area .content #submitter button:active{background:#a63600}section#splash .content-constraint.split .area .content #submitter button:hover{box-shadow:none;background:#cc4200;transition:background 0.2s ease}