@font-face{font-family:Chirp;src:url(https://abs.twimg.com/fonts/subset/Chirp-Regular.c88864db.latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chirp;src:url(https://abs.twimg.com/fonts/subset/Chirp-Medium.ca6d679a.latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Chirp;src:url(https://abs.twimg.com/fonts/subset/Chirp-Bold.d8ac01b2.latin.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg-primary:#000;--text-primary:#e7e9ea;--text-secondary:#71767b;--text-muted:#71767b;--border-color:#333639;--accent-blue:#1d9bf0;--accent-blue-hover:#1a8cd8;--btn-white-bg:#fff;--btn-white-text:#0f1419;--btn-white-hover:#e6e6e6;--btn-outline-border:#536471;--btn-disabled-bg:#2e3033;--btn-disabled-text:#71767b;--divider-color:#2f3336;--footer-text:#71767b;--footer-dot:#536471;--input-label-color:#71767b;--font-family:"Chirp", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:#000}body{color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}#app,.landing-page{flex-direction:column;min-height:100dvh;display:flex}.landing-content{flex:1;align-items:center;width:100%;max-width:1280px;margin:0 auto;display:flex}.left-section{flex:none;justify-content:flex-start;align-items:center;width:45%;padding:40px 16px 40px 36px;display:flex}.left-inner{width:100%;max-width:400px}.mobile-x-logo{justify-content:center;margin-bottom:16px;display:none}.mobile-x-logo svg{width:100%;max-width:140px;height:auto}.main-title{letter-spacing:-1px;color:#fff;margin-bottom:48px;font-size:64px;font-weight:700;line-height:.9}.auth-box{flex-direction:column;gap:20px;width:100%;max-width:380px;min-height:440px;display:flex;overflow:hidden}.auth-buttons{flex-direction:column;gap:19px;padding-top:8px;display:flex}.btn-auth-phone,.btn-auth-google,.btn-auth-apple{color:#0f1419;cursor:pointer;box-sizing:border-box;background-color:#fff;border:1px solid #dadce0;border-radius:9999px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;padding:0 24px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.btn-auth-phone:hover,.btn-auth-google:hover,.btn-auth-apple:hover{background-color:#e6e6e6}.btn-auth-phone .auth-icon,.btn-auth-google .auth-icon,.btn-auth-apple .auth-icon{flex-shrink:0;width:20px;height:20px}.google-btn-wrapper{width:100%;display:flex}.google-btn-inner{width:100%;height:44px}.divider{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:14px;line-height:21px;display:flex}.divider-line{background-color:var(--divider-color);flex:1;height:1px}.landing-form{flex-direction:column;gap:20px;display:flex}.floating-input-group{border:1px solid var(--border-color);background-color:#000;border-radius:4px;flex-direction:column;justify-content:flex-end;width:100%;padding:8px 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.floating-input-inner{flex-direction:column;justify-content:flex-end;display:flex;position:relative}.floating-label{transform-origin:0 0;max-width:calc(100% - 16px);color:var(--input-label-color);pointer-events:none;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;overflow:hidden;transform:translateY(50%)scale(1.333)}.floating-label-spacer{visibility:hidden;margin-bottom:4px;font-size:12px;line-height:18px}.floating-input{color:#e7e9ea;background:0 0;border:none;outline:none;width:100%;height:20px;padding:0;font-family:inherit;font-size:17px;line-height:20px}.floating-input:disabled{opacity:.6;cursor:not-allowed}.floating-input-group.active-focus,.floating-input-group:focus-within{border-color:var(--accent-blue);box-shadow:inset 0 0 0 1px var(--accent-blue)}.floating-input-group.active-focus .floating-label,.floating-input-group:focus-within .floating-label{color:var(--accent-blue);transform:translateY(0)scale(1)}.floating-input:not(:placeholder-shown)~.floating-label,.floating-input-group.filled .floating-label{color:var(--text-muted);transform:translateY(0)scale(1)}.btn-continue{cursor:pointer;background-color:var(--btn-disabled-bg);width:100%;height:44px;color:var(--btn-disabled-text);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0 16px;font-size:15px;font-weight:700;line-height:20px;transition:background-color .2s,color .2s;display:flex}.btn-continue.disabled{color:#71767b;cursor:not-allowed;background-color:#2e3033}.btn-continue.active{color:#0f1419;cursor:pointer;background-color:#eff3f4}.btn-continue.active:hover{background-color:#d7dbdc}.terms-text{color:var(--text-secondary);text-align:center;font-size:12px;line-height:16px}.terms-text a{color:var(--text-secondary);text-decoration:underline}.terms-text a:hover{color:var(--text-primary)}.terms-text strong{color:var(--text-primary);font-weight:700;text-decoration:underline}.right-section{flex:1;justify-content:center;align-items:center;min-height:45vh;display:none;position:relative;overflow:hidden}.right-section svg.x-logo-hero{width:100%;max-width:480px;height:auto}.qr-widget{z-index:10;cursor:pointer;transform-origin:100% 100%;background-color:#141414;border:1px solid #2f3336;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:18px 22px 22px;transition:transform .3s cubic-bezier(.2,0,0,1),border-color .25s,box-shadow .25s;display:flex;position:fixed;bottom:48px;right:32px;box-shadow:0 8px 32px #0009}.qr-widget:hover{border-color:#44484d;transform:scale(1.07);box-shadow:0 16px 48px #000000d9}.qr-label{color:#e7e9ea;white-space:nowrap;font-size:15px;font-weight:500}.qr-code-img{object-fit:contain;border-radius:8px;width:130px;height:130px}.mobile-section{flex-direction:column;flex:1;justify-content:center;align-items:center;display:none}.mobile-logo-wrap{justify-content:center;align-self:center;align-items:flex-end;width:100%;max-width:250px;min-height:30vh;margin:16px 0;display:flex;overflow:hidden}.mobile-logo-wrap svg{width:100%;max-width:480px;height:auto}.mobile-cta{flex-direction:column;align-items:center;width:100%;margin-top:32px;padding:0 32px;display:flex}.mobile-cta h1{color:#fff;margin-bottom:32px;font-size:20px;font-weight:600}.mobile-already{color:#fff;margin-bottom:12px;font-size:15px;font-weight:700}.btn-mobile-signin{border:1px solid var(--border-color);width:100%;max-width:400px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:0 16px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .2s;display:flex}.btn-mobile-signin:hover{background-color:#eff3f41a}.landing-footer{width:100%}.footer-nav{color:var(--footer-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 0;padding:12px 16px;font-size:13px;line-height:24px;display:flex}.footer-item{align-items:center;display:flex}.footer-nav a{color:var(--footer-text);text-decoration:none}.footer-nav a:hover{text-decoration:underline}.footer-dot{color:var(--footer-dot);-webkit-user-select:none;user-select:none;padding:0 4px}.footer-copy{-webkit-user-select:none;user-select:none;color:var(--footer-text)}.modal-backdrop{-webkit-backdrop-filter:blur(5px);z-index:100;opacity:1;background-color:#000000d9;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0;transform:translateZ(0)}.modal-backdrop.hidden{opacity:0;pointer-events:none}.modal-box{background-color:#141414;border-radius:20px;flex-direction:column;width:100%;max-width:680px;min-height:650px;padding:28px 48px 48px;animation:.25s cubic-bezier(.1,.9,.2,1) modalPop;display:flex;position:relative;box-shadow:0 24px 64px #000000d9}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;height:44px;margin-bottom:24px;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.btn-back{background-color:#000}.btn-back:hover{background-color:#1c1c1c}.icon-back{width:20px;height:20px}.modal-logo{justify-content:center;align-items:center;display:flex}.x-logo-modal{width:34px;height:34px}.header-spacer{width:36px}.modal-step{flex-direction:column;flex:1;justify-content:space-between;display:flex}.modal-step.hidden{display:none!important}.modal-title{color:#e7e9ea;margin-bottom:24px;font-size:31px;font-weight:700;line-height:36px}.modal-subtitle{color:#71767b;margin-top:-16px;margin-bottom:24px;font-size:14px;line-height:18px}.modal-body{flex-direction:column;gap:20px;display:flex}.modal-body .floating-input-group{max-width:100%}.forgot-pass-container{justify-content:flex-start;margin-top:4px;display:flex}.link-forgot{color:#e7e9ea;font-size:14px;font-weight:700;text-decoration:none}.link-forgot:hover{text-decoration:underline}.modal-footer{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:auto;display:flex}.btn-modal-submit{border:none;border-radius:9999px;justify-content:center;align-items:center;width:100%;max-width:400px;height:50px;margin:0 auto;font-size:16px;font-weight:700;transition:background-color .2s,color .2s;display:flex}.btn-modal-submit.btn-disabled{color:#71767b;cursor:not-allowed;background-color:#2e3033}.btn-modal-submit.active,.btn-modal-submit.btn-white,.btn-modal-submit:not(.btn-disabled){color:#0f1419;cursor:pointer;background-color:#fff}.btn-modal-submit.active:hover,.btn-modal-submit.btn-white:hover,.btn-modal-submit:not(.btn-disabled):hover{background-color:#d7dbdc}.modal-terms{text-align:center;color:#71767b;max-width:400px;margin:0 auto;font-size:12px;line-height:1.4}.modal-terms strong{color:#e7e9ea;font-weight:700}.btn-toggle-eye{color:#71767b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .15s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.btn-toggle-eye:hover{background-color:#eff3f41a}.icon-eye{width:20px;height:20px}.char-counter{color:#71767b;font-size:12px;position:absolute;top:0;right:0}.login-error-banner{color:#f4212e;background-color:#f4212e1f;border:1px solid #f4212e66;border-radius:4px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500}.login-error-banner.hidden{display:none!important}.spinner-loader{border:3px solid #0f141933;border-top-color:#0f1419;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.success-icon-wrap{justify-content:center;margin-top:20px;margin-bottom:20px;display:flex}.success-check-icon{width:64px;height:64px}.center-text{text-align:center}.hidden{display:none!important}@media (width>=851px){.right-section{display:flex}.mobile-section,.mobile-x-logo{display:none}.qr-widget{display:flex}}@media (width>=501px) and (width<=850px){.right-section,.mobile-section{display:none}.landing-content{justify-content:center}.left-section{justify-content:center;width:100%;padding:40px 16px}.left-inner{flex-direction:column;align-items:center;display:flex}.mobile-x-logo{display:flex}.main-title{text-align:center;font-size:50px}.qr-widget{display:none}}@media (width<=500px){.landing-content{display:none}.mobile-section{display:flex}.right-section,.qr-widget{display:none}.modal-box{border-radius:0;max-width:100%;min-height:100dvh}}