:root{--color-bg: #1e142c;--color-card: rgb(6 5 7 / 25%);--color-primary: rgba(255, 255, 255, .8);--color-muted: #a6a6a6;--radius: 40px}.auth-bg{position:relative;display:grid;place-items:center;min-height:100vh;background:var(--color-bg);color:#f9f8fa;overflow:hidden}.login-background{position:absolute;inset:0;z-index:0}.login{position:relative;z-index:1;width:380px;padding:72px 32px 58px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:var(--radius);background:var(--color-card);-webkit-backdrop-filter:blur(38px);backdrop-filter:blur(38px);box-shadow:0 20px 80px #00000059}.login img{width:70px;color:#fdfdfd;margin-bottom:32px}.login h2{font-weight:600;font-size:24px;margin-bottom:6px}.login h3{font-weight:500;font-size:12px;margin-bottom:56px;color:var(--color-muted)}.form{display:grid;gap:12px;width:100%;margin-bottom:32px}.textbox{position:relative}.textbox input{width:100%;height:56px;padding:18px 16px 0;background:#251930;border:0;border-radius:8px;outline:none;color:inherit;transition:.3s;box-shadow:0 0 0 2px transparent}.textbox input::placeholder{color:transparent}.textbox label{position:absolute;left:16px;top:18px;font-size:15px;color:var(--color-muted);transform-origin:left top;transition:transform .2s,opacity .2s,color .2s;pointer-events:none}.textbox input:focus{box-shadow:0 0 0 2px var(--color-primary)}.textbox input:focus+label,.textbox input:not(:placeholder-shown)+label{transform:translateY(-12px) scale(.85);opacity:.95}.textbox input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #251930 inset!important;-webkit-text-fill-color:#f9f8fa!important;transition:background-color 9999s ease-out 0s}.textbox input:-webkit-autofill+label{transform:translateY(-12px) scale(.85);opacity:.95}.login button{position:relative;height:56px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:17px;color:#000;background:var(--color-primary);border:0;border-radius:8px;cursor:pointer;transition:.3s}.login button p,.login button .arrow{transition:.3s}.login button .arrow{position:absolute;top:52%;left:50%;translate:20px -50%;opacity:0}.login button:hover p{translate:-10px 0}.login button:hover .arrow{opacity:1;translate:10px -50%}.error-text{color:red;font-size:14px;margin-bottom:8px}.login a{color:var(--color-primary);text-decoration:none}.muted{color:var(--color-muted)}.login .footer{margin-top:56px;font-size:15px}.logo-anim{animation:fadeIn 1s ease-out;transform:scale(1);transition:transform .4s ease}.logo-anim:hover{transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.threads-container{position:relative;width:100%;height:100%}html,body,#root{height:100%;margin:0;padding:0}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}