:root{--body-large-font-family: "Poppins", Helvetica;--body-large-font-size: 16px;--body-large-font-style: normal;--body-large-font-weight: 400;--body-large-letter-spacing: 0px;--body-large-line-height: 24px;--body-medium-font-family: "Poppins", Helvetica;--body-medium-font-size: 14px;--body-medium-font-style: normal;--body-medium-font-weight: 400;--body-medium-letter-spacing: .20000000298023224px;--body-medium-line-height: 20px;--body-small-font-family: "Poppins", Helvetica;--body-small-font-size: 12px;--body-small-font-style: normal;--body-small-font-weight: 400;--body-small-letter-spacing: .20000000298023224px;--body-small-line-height: 20px;--brandwhite: rgba(255, 255, 255, 1);--colors-navy-500: rgba(52, 58, 74, 1);--display-small-font-family: "Poppins", Helvetica;--display-small-font-size: 28px;--display-small-font-style: normal;--display-small-font-weight: 600;--display-small-letter-spacing: 0px;--display-small-line-height: normal;--functionalgrey-2: rgba(119, 119, 119, 1);--functionalgrey-3: rgba(145, 147, 148, 1);--functionalgrey-background-1: rgba(211, 214, 228, 1);--functionalnavy: rgba(52, 58, 74, 1);--functionalyellow: rgba(255, 215, 115, 1);--label-font-family: "Poppins", Helvetica;--label-font-size: 14px;--label-font-style: normal;--label-font-weight: 500;--label-letter-spacing: .07999999821186066px;--label-line-height: 20px;--size-purple: rgba(113, 6, 151, 1);--size-radius-200: 8px;--size-radius-200-duplicate: 8px;--size-space-200: 8px;--size-space-200-duplicate: 8px;--size-stroke-border: 1px}.login{background-color:#fff;min-height:100vh;position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.login .frame{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative;width:100%;max-width:390px;padding:0 20px;margin-top:104px}.login .text-wrapper{align-self:stretch;color:var(--colors-navy-500);font-family:var(--display-small-font-family);font-size:var(--display-small-font-size);font-style:var(--display-small-font-style);font-weight:var(--display-small-font-weight);letter-spacing:var(--display-small-letter-spacing);line-height:var(--display-small-line-height);margin-top:-1px;position:relative;text-align:center}.login .inputs{align-items:flex-start;align-self:stretch;display:flex;flex:0 0 auto;flex-direction:column;gap:8px;position:relative;width:100%}.login .label-wrapper{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;position:relative}.login .label{color:#343a4a;font-family:var(--label-font-family);font-size:var(--label-font-size);font-style:var(--label-font-style);font-weight:var(--label-font-weight);letter-spacing:var(--label-letter-spacing);line-height:var(--label-line-height);margin-top:-1px;position:relative;white-space:nowrap;width:fit-content}.login .input{align-items:flex-start;align-self:stretch;border-radius:4px;display:flex;flex:0 0 auto;gap:8px;position:relative;width:100%}.login .default{align-items:flex-start;display:flex;flex:1;flex-direction:column;flex-grow:1;gap:6px;min-height:48px;position:relative;width:100%}.login .field{align-items:center;align-self:stretch;background-color:var(--brandwhite);border:1px solid;border-color:var(--functionalgrey-background-1);border-radius:4px;display:flex;flex:0 0 auto;gap:8px;padding:12px;position:relative;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.login .field:focus-within{border-color:#a14f83;box-shadow:0 0 0 2px #a14f8333}.login .input-field{border:none;color:var(--colors-navy-500);flex:1;font-family:var(--body-large-font-family);font-size:var(--body-large-font-size);font-style:var(--body-large-font-style);font-weight:var(--body-large-font-weight);letter-spacing:var(--body-large-letter-spacing);line-height:var(--body-large-line-height);outline:none;width:100%}.login .input-field::placeholder{color:var(--functionalgrey-3)}.login .toggle-password{all:unset;color:var(--functionalgrey-3);cursor:pointer;font-family:var(--body-small-font-family);font-size:var(--body-small-font-size);font-weight:var(--body-small-font-weight);transition:color .3s ease}.login .toggle-password:hover{color:var(--functionalnavy)}.login .button{all:unset;align-items:center;align-self:stretch;background-color:#a14f83;border-radius:40px;box-sizing:border-box;cursor:pointer;display:flex;gap:8px;height:48px;justify-content:center;overflow:hidden;padding:12px 20px;position:relative;transition:background-color .3s ease,transform .2s ease;width:100%}.login .button:hover{background-color:#b85e94;transform:translateY(-2px)}.login .button:active{transform:translateY(0)}.login .div{all:unset;box-sizing:border-box;color:#fff;font-family:Poppins,Helvetica;font-size:14px;font-weight:600;letter-spacing:0;line-height:14px;position:relative;white-space:nowrap;width:fit-content}.login .text-wrapper-2{align-self:stretch;color:var(--colors-navy-500);cursor:pointer;font-family:Poppins,Helvetica;font-size:14px;font-weight:400;letter-spacing:.2px;line-height:24px;position:relative;text-align:center;text-decoration:underline;transition:color .3s ease}.login .text-wrapper-2:hover{color:#a14f83}.login .frame-2{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%;max-width:339px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.login .text-wrapper-3{align-self:stretch;color:var(--colors-navy-500);cursor:pointer;font-family:var(--body-small-font-family);font-size:var(--body-small-font-size);font-style:var(--body-small-font-style);font-weight:var(--body-small-font-weight);letter-spacing:var(--body-small-letter-spacing);line-height:var(--body-small-line-height);margin-top:-1px;position:relative;text-align:center;text-decoration:underline;transition:color .3s ease}.login .text-wrapper-3:hover{color:#a14f83}.login .p{align-self:stretch;color:var(--colors-navy-500);font-family:var(--body-small-font-family);font-size:var(--body-small-font-size);font-style:var(--body-small-font-style);font-weight:var(--body-small-font-weight);letter-spacing:var(--body-small-letter-spacing);line-height:var(--body-small-line-height);position:relative;text-align:center}.login .group{height:23px;width:141px;position:absolute;top:21px;left:50%;transform:translate(-50%)}@media screen and (min-width: 768px){.login .frame{margin-top:120px;max-width:450px}.login .text-wrapper{font-size:32px}.login .button{height:52px}.login .div{font-size:16px}}@media screen and (min-width: 1024px){.login .frame{margin-top:150px;max-width:500px}.login .inputs{gap:12px}.login .field{padding:14px}}