.login-shell{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#fafafa;background:#0c0c0e;line-height:1.5}.login-shell .login-page{display:flex;min-height:100vh}.login-shell .login-left{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem}.login-shell .login-left-inner{width:100%;max-width:22rem;display:flex;flex-direction:column;gap:1.75rem}.login-shell .login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem 2.5rem 0}.login-shell .login-brand{display:flex;align-items:center;gap:.625rem}.login-shell .login-logo{width:2rem;height:2rem;border-radius:.5rem;background:#fafafa;color:#09090b;display:flex;align-items:center;justify-content:center}.login-shell .login-logo svg{width:16px;height:16px}.login-shell .login-brand-name{font-size:.9375rem;font-weight:600;color:#fafafa;letter-spacing:-.01em}.login-shell .login-hero-text{display:flex;flex-direction:column;gap:.5rem}.login-shell .login-headline{font-size:2.75rem;font-weight:300;line-height:1.1;color:#f4f4f5;margin:0;letter-spacing:-.025em}.login-shell .login-subheadline{font-size:1rem;color:#a1a1aa;margin:0;line-height:1.5}.login-shell .login-card{background:#18181b;border:1px solid #27272a;border-radius:.875rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.login-shell .login-form{display:flex;flex-direction:column;gap:.875rem}.login-shell .login-field{display:flex;flex-direction:column;gap:.3125rem}.login-shell .login-field label{font-size:.8125rem;font-weight:500;color:#a1a1aa}.login-shell .login-field input{height:2.625rem;padding:0 .75rem;border:1px solid #3f3f46;border-radius:.5rem;font-size:.875rem;color:#fafafa;background:#09090b;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.login-shell .login-field input::placeholder{color:#52525b}.login-shell .login-field input:focus{border-color:#71717a;box-shadow:0 0 0 2px hsla(240,5%,65%,.1)}.login-shell .login-field input:disabled{opacity:.5;cursor:not-allowed}.login-shell .login-submit{height:2.625rem;padding:0 1rem;border:none;border-radius:.5rem;background:#fafafa;color:#09090b;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit;margin-top:.125rem}.login-shell .login-submit:hover{background:#e4e4e7}.login-shell .login-submit:disabled{opacity:.5;cursor:not-allowed}.login-shell .login-error{font-size:.8125rem;color:#fca5a5;background:rgba(220,38,38,.12);border:1px solid rgba(220,38,38,.25);border-radius:.5rem;padding:.5rem .75rem}.login-shell .login-error-banner{font-size:.8125rem;color:#fca5a5;text-align:center}.login-shell .login-status{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;color:#71717a}.login-shell .login-spinner{width:.875rem;height:.875rem;border:2px solid #3f3f46;border-top-color:#fafafa;border-radius:50%;animation:login-spin .6s linear infinite}@keyframes login-spin{to{transform:rotate(1turn)}}.login-shell .login-links{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;color:#52525b;margin-top:.125rem}.login-shell .login-links a{color:#71717a;text-decoration:none;transition:color .15s}.login-shell .login-links a:hover{color:#fafafa}.login-shell .login-legal{font-size:.6875rem;color:#52525b;line-height:1.5}.login-shell .login-legal a{color:#71717a;text-decoration:underline;text-underline-offset:2px}.login-shell .login-legal a:hover{color:#a1a1aa}.login-shell .login-appstore-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .75rem;background:#fafafa;color:#09090b;border-radius:.5rem;text-decoration:none;transition:background .15s;width:fit-content}.login-shell .login-appstore-btn:hover{background:#e4e4e7}.login-shell .login-appstore-btn svg{flex-shrink:0}.login-shell .login-appstore-text{display:flex;flex-direction:column;line-height:1.2}.login-shell .login-appstore-label{font-size:.5625rem;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.login-shell .login-appstore-title{font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.login-shell .login-preview-wrap{width:100%;max-width:36rem;display:flex;flex-direction:column;gap:1.25rem}.login-shell .login-preview-browser{background:#18181b;border:1px solid #27272a;border-radius:.75rem;overflow:hidden;box-shadow:0 0 0 1px hsla(0,0%,100%,.04),0 20px 50px -12px rgba(0,0,0,.5)}.login-shell .login-preview-dots{display:flex;gap:.375rem;padding:.625rem .75rem;border-bottom:1px solid #27272a}.login-shell .login-preview-dots span{width:.5rem;height:.5rem;border-radius:50%;background:#3f3f46}.login-shell .login-preview-img{width:100%;display:block}.login-shell .login-features{display:flex;flex-direction:column;gap:.625rem;padding:0 .25rem}.login-shell .login-feature{display:flex;align-items:center;gap:.625rem;font-size:.8125rem;color:#a1a1aa}.login-shell .login-feature-icon{width:1.25rem;height:1.25rem;border-radius:50%;background:rgba(34,197,94,.15);color:#4ade80;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width:1023px){.login-shell .login-right{display:none}.login-shell .login-left{padding:2rem 1.5rem}.login-shell .login-headline{font-size:2.25rem}}@media (max-width:639px){.login-shell .login-left{align-items:flex-start;padding:12vh 1rem 1.5rem}.login-shell .login-left-inner{max-width:100%;gap:1.5rem}.login-shell .login-headline{font-size:2rem}.login-shell .login-card{background:transparent;border:none;padding:0}.login-shell .login-field input{height:2.75rem;font-size:1rem;background:#18181b;border-color:#27272a}.login-shell .login-submit{height:2.75rem;font-size:1rem}}