:root {
      --primary: #1B1B1B;
      --secondary: #FF4343;
      --background: #F7F7F7;
      --text: #1B1B1B;
      --logo-width: 120px;
      --primary-invert: #fff;
      --background-invert: rgba(0, 0, 0, 0.7);
      --text-invert: #fff;
      --secondary-invert: #fff;
   }

   /* Removed invalid/interleaved HTML and style blocks, as only CSS is allowed here. */
   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiAyp8kv8JHgFVrJJLmE3tG&skey=14913f5d70e4915e&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmv1plEw&skey=e6f64e60fb8d9268&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm21llEw&skey=b60188e8ecc47dee&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiGyp8kv8JHgFVrJJLedA&skey=f21d6e783fa43c88&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmg1hlEw&skey=b0aa19767d34da85&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmr19lEw&skey=7fbc556774b13ef0&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLmy15lEw&skey=29c3bd833a54ba8c&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm111lEw&skey=6ea139488603f28c&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiDyp8kv8JHgFVrJJLm81xlEw&skey=846b48b4eada095a&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiGyp8kv8JHgFVrLPTedA&skey=57be0781cfb72ecd&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLFj_V1g&skey=1bdc08fe61c3cc9e&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLDz8V1g&skey=4aabc5055a39e031&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiEyp8kv8JHgFVrFJM&skey=87759fb096548f6d&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLGT9V1g&skey=d4526a9b64c21b87&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLEj6V1g&skey=ce7ef9d62ca89319&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLCz7V1g&skey=cea76fe63715a67a&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLDD4V1g&skey=f01e006f58df81ac&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/l/font?kit=pxiByp8kv8JHgFVrLBT5V1g&skey=6c361c40a830b323&v=v24) format('woff')
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tDMPKhSkFEkm8.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tMMPKhSkFEkm8.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiAyp8kv8JHgFVrJJLmE0tCMPKhSkFE.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmv1pVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm21lVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucXtAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLufntAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrJJLucHtAOvWDSA.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmr19VF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmy15VF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm111VF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVFteOYktMqlap.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVGdeOYktMqlap.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: italic;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLm81xVF9eOYktMqg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucXtAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 800;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
   }

   @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
   }

   .css-xg5s2c {
      box-sizing: border-box;
      max-height: 100%;
      max-width: 100%;
      overflow: hidden;
      padding: 8px;
      pointer-events: none;
      position: fixed;
      z-index: 1000;
      top: 0;
      right: 0;
   }

   </style>< !-- Unitrade Hub CSS - Load AFTER Tailwind to ensure priority --><link rel="preload" href="/interview/UnitradeHub_files/1d3955481858e34e.css" as="style" crossorigin="anonymous"><link rel="stylesheet" href="/interview/UnitradeHub_files/1d3955481858e34e.css" crossorigin="anonymous" data-n-g=""><link rel="preload" href="/interview/UnitradeHub_files/b7540ad2d826b86d.css" as="style" crossorigin="anonymous"><link rel="stylesheet" href="/interview/UnitradeHub_files/b7540ad2d826b86d.css" crossorigin="anonymous" data-n-p=""><noscript data-n-css=""></noscript><style>

   /*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
   @layer properties {
      @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

         *,
         :before,
         :after,
         ::backdrop {
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-space-x-reverse: 0;
            --tw-divide-x-reverse: 0;
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-outline-style: solid;
            --tw-duration: initial;
            --tw-ease: initial
         }
      }
   }

   @layer theme {

      :root,
      :host {
         --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
         --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
         --color-red-400: oklch(70.4% .191 22.216);
         --color-red-500: oklch(63.7% .237 25.331);
         --color-red-700: oklch(50.5% .213 27.518);
         --color-green-100: oklch(96.2% .044 156.743);
         --color-green-400: oklch(79.2% .209 151.711);
         --color-green-500: oklch(72.3% .219 149.579);
         --color-green-600: oklch(62.7% .194 149.214);
         --color-green-700: oklch(52.7% .154 150.069);
         --color-sky-500: oklch(68.5% .169 237.323);
         --color-blue-400: oklch(70.7% .165 254.624);
         --color-blue-500: oklch(62.3% .214 259.815);
         --color-blue-600: oklch(54.6% .245 262.881);
         --color-blue-700: oklch(48.8% .243 264.376);
         --color-gray-50: oklch(98.5% .002 247.839);
         --color-gray-200: oklch(92.8% .006 264.531);
         --color-gray-300: oklch(87.2% .01 258.338);
         --color-gray-400: oklch(70.7% .022 261.325);
         --color-gray-500: oklch(55.1% .027 264.364);
         --color-gray-600: oklch(44.6% .03 256.802);
         --color-gray-700: oklch(37.3% .034 259.733);
         --color-gray-800: oklch(27.8% .033 256.848);
         --color-gray-900: oklch(21% .034 264.665);
         --color-black: #000;
         --color-white: #fff;
         --spacing: .25rem;
         --container-xs: 20rem;
         --container-sm: 24rem;
         --container-lg: 32rem;
         --container-xl: 36rem;
         --container-3xl: 48rem;
         --container-5xl: 64rem;
         --text-xs: .75rem;
         --text-xs--line-height: calc(1/.75);
         --text-sm: .875rem;
         --text-sm--line-height: calc(1.25/.875);
         --text-base: 1rem;
         --text-base--line-height: 1.5;
         --text-lg: 1.125rem;
         --text-lg--line-height: calc(1.75/1.125);
         --text-xl: 1.25rem;
         --text-xl--line-height: calc(1.75/1.25);
         --text-3xl: 1.875rem;
         --text-3xl--line-height: 1.2;
         --font-weight-normal: 400;
         --font-weight-medium: 500;
         --font-weight-semibold: 600;
         --font-weight-bold: 700;
         --radius-xs: .125rem;
         --radius-2xl: 1rem;
         --radius-3xl: 1.5rem;
         --ease-in-out: cubic-bezier(.4, 0, .2, 1);
         --default-transition-duration: .15s;
         --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
         --default-font-family: var(--font-sans);
         --default-mono-font-family: var(--font-mono)
      }
   }

   @layer base {

      *,
      :after,
      :before,
      ::backdrop {
         box-sizing: border-box;
         border: 0 solid;
         margin: 0;
         padding: 0
      }

      ::file-selector-button {
         box-sizing: border-box;
         border: 0 solid;
         margin: 0;
         padding: 0
      }

      html,
      :host {
         -webkit-text-size-adjust: 100%;
         -moz-tab-size: 4;
         tab-size: 4;
         line-height: 1.5;
         font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
         font-feature-settings: var(--default-font-feature-settings, normal);
         font-variation-settings: var(--default-font-variation-settings, normal);
         -webkit-tap-highlight-color: transparent
      }

      hr {
         height: 0;
         color: inherit;
         border-top-width: 1px
      }

      abbr:where([title]) {
         -webkit-text-decoration: underline dotted;
         text-decoration: underline dotted
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
         font-size: inherit;
         font-weight: inherit
      }

      a {
         color: inherit;
         -webkit-text-decoration: inherit;
         text-decoration: inherit
      }

      b,
      strong {
         font-weight: bolder
      }

      code,
      kbd,
      samp,
      pre {
         font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
         font-feature-settings: var(--default-mono-font-feature-settings, normal);
         font-variation-settings: var(--default-mono-font-variation-settings, normal);
         font-size: 1em
      }

      small {
         font-size: 80%
      }

      sub,
      sup {
         vertical-align: baseline;
         font-size: 75%;
         line-height: 0;
         position: relative
      }

      sub {
         bottom: -.25em
      }

      sup {
         top: -.5em
      }

      table {
         text-indent: 0;
         border-color: inherit;
         border-collapse: collapse
      }

      :-moz-focusring {
         outline: auto
      }

      progress {
         vertical-align: baseline
      }

      summary {
         display: list-item
      }

      ol,
      ul,
      menu {
         list-style: none
      }

      img,
      svg,
      video,
      canvas,
      audio,
      iframe,
      embed,
      object {
         vertical-align: middle;
         display: block
      }

      img,
      video {
         max-width: 100%;
         height: auto
      }

      button,
      input,
      select,
      optgroup,
      textarea {
         font: inherit;
         font-feature-settings: inherit;
         font-variation-settings: inherit;
         letter-spacing: inherit;
         color: inherit;
         opacity: 1;
         background-color: #0000;
         border-radius: 0
      }

      ::file-selector-button {
         font: inherit;
         font-feature-settings: inherit;
         font-variation-settings: inherit;
         letter-spacing: inherit;
         color: inherit;
         opacity: 1;
         background-color: #0000;
         border-radius: 0
      }

      :where(select:is([multiple], [size])) optgroup {
         font-weight: bolder
      }

      :where(select:is([multiple], [size])) optgroup option {
         padding-inline-start: 20px
      }

      ::file-selector-button {
         margin-inline-end: 4px
      }

      ::placeholder {
         opacity: 1
      }

      @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
         ::placeholder {
            color: currentColor
         }

         @supports (color:color-mix(in lab, red, red)) {
            ::placeholder {
               color: color-mix(in oklab, currentcolor 50%, transparent)
            }
         }
      }

      textarea {
         resize: vertical
      }

      ::-webkit-search-decoration {
         -webkit-appearance: none
      }

      ::-webkit-date-and-time-value {
         min-height: 1lh;
         text-align: inherit
      }

      ::-webkit-datetime-edit {
         display: inline-flex
      }

      ::-webkit-datetime-edit-fields-wrapper {
         padding: 0
      }

      ::-webkit-datetime-edit {
         padding-block: 0
      }

      ::-webkit-datetime-edit-year-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-month-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-day-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-hour-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-minute-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-second-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-millisecond-field {
         padding-block: 0
      }

      ::-webkit-datetime-edit-meridiem-field {
         padding-block: 0
      }

      :-moz-ui-invalid {
         box-shadow: none
      }

      button,
      input:where([type=button], [type=reset], [type=submit]) {
         -webkit-appearance: button;
         -moz-appearance: button;
         appearance: button
      }

      ::file-selector-button {
         -webkit-appearance: button;
         -moz-appearance: button;
         appearance: button
      }

      ::-webkit-inner-spin-button {
         height: auto
      }

      ::-webkit-outer-spin-button {
         height: auto
      }

      [hidden]:where(:not([hidden=until-found])) {
         display: none !important
      }

      * {
         border-color: var(--border);
         outline-color: var(--ring)
      }

      @supports (color:color-mix(in lab, red, red)) {
         * {
            outline-color: color-mix(in oklab, var(--ring)50%, transparent)
         }
      }

      body {
         background-color: var(--background);
         color: var(--foreground)
      }
   }

   @layer components;

   @layer utilities {
      .invisible {
         visibility: hidden
      }

      .sr-only {
         clip: rect(0, 0, 0, 0);
         white-space: nowrap;
         border-width: 0;
         width: 1px;
         height: 1px;
         margin: -1px;
         padding: 0;
         position: absolute;
         overflow: hidden
      }

      .absolute {
         position: absolute
      }

      .fixed {
         position: fixed
      }

      .relative {
         position: relative
      }

      .sticky {
         position: sticky
      }

      .inset-0 {
         inset: calc(var(--spacing)*0)
      }

      .-top-7 {
         top: calc(var(--spacing)*-7)
      }

      .top-0 {
         top: calc(var(--spacing)*0)
      }

      .top-1\/2 {
         top: 50%
      }

      .top-2 {
         top: calc(var(--spacing)*2)
      }

      .top-\[50\%\] {
         top: 50%
      }

      .right-1 {
         right: calc(var(--spacing)*1)
      }

      .right-2 {
         right: calc(var(--spacing)*2)
      }

      .right-5 {
         right: calc(var(--spacing)*5)
      }

      .left-1 {
         left: calc(var(--spacing)*1)
      }

      .left-1\/2,
      .left-\[50\%\] {
         left: 50%
      }

      .z-0 {
         z-index: 0
      }

      .z-10 {
         z-index: 10
      }

      .z-50 {
         z-index: 50
      }

      .col-span-12 {
         grid-column: span 12/span 12
      }

      .container {
         width: 100%
      }

      @media (min-width:40rem) {
         .container {
            max-width: 40rem
         }
      }

      @media (min-width:48rem) {
         .container {
            max-width: 48rem
         }
      }

      @media (min-width:64rem) {
         .container {
            max-width: 64rem
         }
      }

      @media (min-width:80rem) {
         .container {
            max-width: 80rem
         }
      }

      @media (min-width:96rem) {
         .container {
            max-width: 96rem
         }
      }

      .mx-auto {
         margin-inline: auto
      }

      .my-3 {
         margin-block: calc(var(--spacing)*3)
      }

      .my-6 {
         margin-block: calc(var(--spacing)*6)
      }

      .my-16 {
         margin-block: calc(var(--spacing)*16)
      }

      .mt-1 {
         margin-top: calc(var(--spacing)*1)
      }

      .mt-2 {
         margin-top: calc(var(--spacing)*2)
      }

      .mt-3 {
         margin-top: calc(var(--spacing)*3)
      }

      .mt-4 {
         margin-top: calc(var(--spacing)*4)
      }

      .mt-6 {
         margin-top: calc(var(--spacing)*6)
      }

      .mt-12 {
         margin-top: calc(var(--spacing)*12)
      }

      .mt-24 {
         margin-top: calc(var(--spacing)*24)
      }

      .mr-4 {
         margin-right: calc(var(--spacing)*4)
      }

      .mb-0 {
         margin-bottom: calc(var(--spacing)*0)
      }

      .mb-2 {
         margin-bottom: calc(var(--spacing)*2)
      }

      .mb-4 {
         margin-bottom: calc(var(--spacing)*4)
      }

      .mb-6 {
         margin-bottom: calc(var(--spacing)*6)
      }

      .ml-1 {
         margin-left: calc(var(--spacing)*1)
      }

      .block {
         display: block
      }

      .flex {
         display: flex
      }

      .grid {
         display: grid
      }

      .hidden {
         display: none
      }

      .inline-flex {
         display: inline-flex
      }

      .table {
         display: table
      }

      .size-3 {
         width: calc(var(--spacing)*3);
         height: calc(var(--spacing)*3)
      }

      .size-4 {
         width: calc(var(--spacing)*4);
         height: calc(var(--spacing)*4)
      }

      .size-6 {
         width: calc(var(--spacing)*6);
         height: calc(var(--spacing)*6)
      }

      .size-7 {
         width: calc(var(--spacing)*7);
         height: calc(var(--spacing)*7)
      }

      .size-8 {
         width: calc(var(--spacing)*8);
         height: calc(var(--spacing)*8)
      }

      .size-9 {
         width: calc(var(--spacing)*9);
         height: calc(var(--spacing)*9)
      }

      .h-2 {
         height: calc(var(--spacing)*2)
      }

      .h-4 {
         height: calc(var(--spacing)*4)
      }

      .h-5 {
         height: calc(var(--spacing)*5)
      }

      .h-6 {
         height: calc(var(--spacing)*6)
      }

      .h-8 {
         height: calc(var(--spacing)*8)
      }

      .h-9 {
         height: calc(var(--spacing)*9)
      }

      .h-10 {
         height: calc(var(--spacing)*10)
      }

      .h-12 {
         height: calc(var(--spacing)*12)
      }

      .h-16 {
         height: calc(var(--spacing)*16)
      }

      .h-\[0\.5px\] {
         height: .5px
      }

      .h-\[2px\] {
         height: 2px
      }

      .h-\[50px\] {
         height: 50px
      }

      .h-auto {
         height: auto
      }

      .h-full {
         height: 100%
      }

      .max-h-\[300px\] {
         max-height: 300px
      }

      .min-h-\[43px\] {
         min-height: 43px
      }

      .min-h-screen {
         min-height: 100vh
      }

      .w-2 {
         width: calc(var(--spacing)*2)
      }

      .w-4 {
         width: calc(var(--spacing)*4)
      }

      .w-5 {
         width: calc(var(--spacing)*5)
      }

      .w-6 {
         width: calc(var(--spacing)*6)
      }

      .w-8 {
         width: calc(var(--spacing)*8)
      }

      .w-12 {
         width: calc(var(--spacing)*12)
      }

      .w-16 {
         width: calc(var(--spacing)*16)
      }

      .w-\[50px\] {
         width: 50px
      }

      .w-full {
         width: 100%
      }

      .w-xs {
         width: var(--container-xs)
      }

      .max-w-4 {
         max-width: calc(var(--spacing)*4)
      }

      .max-w-5xl {
         max-width: var(--container-5xl)
      }

      .max-w-\[102px\] {
         max-width: 102px
      }

      .max-w-\[120px\] {
         max-width: 120px
      }

      .max-w-\[170px\] {
         max-width: 170px
      }

      .max-w-\[201px\] {
         max-width: 201px
      }

      .max-w-sm {
         max-width: var(--container-sm)
      }

      .max-w-xs {
         max-width: var(--container-xs)
      }

      .min-w-0 {
         min-width: calc(var(--spacing)*0)
      }

      .flex-1 {
         flex: 1
      }

      .shrink-0 {
         flex-shrink: 0
      }

      .flex-grow {
         flex-grow: 1
      }

      .border-collapse {
         border-collapse: collapse
      }

      .-translate-x-1\/2 {
         --tw-translate-x: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-x-\[-50\%\] {
         --tw-translate-x: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .-translate-y-1\/2 {
         --tw-translate-y: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .translate-y-\[-50\%\] {
         --tw-translate-y: -50%;
         translate: var(--tw-translate-x)var(--tw-translate-y)
      }

      .transform {
         transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
      }

      .cursor-pointer {
         cursor: pointer
      }

      .grid-cols-3 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      .grid-cols-6 {
         grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      .grid-cols-7 {
         grid-template-columns: repeat(7, minmax(0, 1fr))
      }

      .grid-cols-12 {
         grid-template-columns: repeat(12, minmax(0, 1fr))
      }

      .flex-col {
         flex-direction: column
      }

      .flex-wrap {
         flex-wrap: wrap
      }

      .items-center {
         align-items: center
      }

      .justify-between {
         justify-content: space-between
      }

      .justify-center {
         justify-content: center
      }

      .gap-0 {
         gap: calc(var(--spacing)*0)
      }

      .gap-1 {
         gap: calc(var(--spacing)*1)
      }

      .gap-1\.5 {
         gap: calc(var(--spacing)*1.5)
      }

      .gap-2 {
         gap: calc(var(--spacing)*2)
      }

      .gap-3 {
         gap: calc(var(--spacing)*3)
      }

      .gap-4 {
         gap: calc(var(--spacing)*4)
      }

      .gap-6 {
         gap: calc(var(--spacing)*6)
      }

      .gap-10 {
         gap: calc(var(--spacing)*10)
      }

      :where(.space-y-2>:not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-y-3>:not(:last-child)) {
         --tw-space-y-reverse: 0;
         margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));
         margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))
      }

      :where(.space-x-1>:not(:last-child)) {
         --tw-space-x-reverse: 0;
         margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));
         margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-4>:not(:last-child)) {
         --tw-space-x-reverse: 0;
         margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));
         margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.space-x-6>:not(:last-child)) {
         --tw-space-x-reverse: 0;
         margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));
         margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
      }

      :where(.divide-x>:not(:last-child)) {
         --tw-divide-x-reverse: 0;
         border-inline-style: var(--tw-border-style);
         border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
         border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse)))
      }

      .truncate {
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden
      }

      .overflow-hidden {
         overflow: hidden
      }

      .overflow-y-auto {
         overflow-y: auto
      }

      .overflow-y-scroll {
         overflow-y: scroll
      }

      .rounded {
         border-radius: .25rem
      }

      .rounded-2xl {
         border-radius: var(--radius-2xl)
      }

      .rounded-full {
         border-radius: 3.40282e38px
      }

      .rounded-lg {
         border-radius: var(--radius)
      }

      .rounded-md {
         border-radius: calc(var(--radius) - 2px)
      }

      .rounded-none {
         border-radius: 0
      }

      .rounded-xl {
         border-radius: calc(var(--radius) + 4px)
      }

      .rounded-xs {
         border-radius: var(--radius-xs)
      }

      .rounded-t-3xl {
         border-top-left-radius: var(--radius-3xl);
         border-top-right-radius: var(--radius-3xl)
      }

      .border {
         border-style: var(--tw-border-style);
         border-width: 1px
      }

      .border-y {
         border-block-style: var(--tw-border-style);
         border-block-width: 1px
      }

      .border-b {
         border-bottom-style: var(--tw-border-style);
         border-bottom-width: 1px
      }

      .border-l-4 {
         border-left-style: var(--tw-border-style);
         border-left-width: 4px
      }

      .border-\[\#4d50551a\] {
         border-color: #4d50551a
      }

      .border-\[\#5b3df0\] {
         border-color: #5b3df0
      }

      .border-\[\#ccc\] {
         border-color: #ccc
      }

      .border-\[\#ccd0d5\] {
         border-color: #ccd0d5
      }

      .border-gray-200 {
         border-color: var(--color-gray-200)
      }

      .border-gray-300 {
         border-color: var(--color-gray-300)
      }

      .border-gray-400 {
         border-color: var(--color-gray-400)
      }

      .border-input {
         border-color: var(--input)
      }

      .border-red-500 {
         border-color: var(--color-red-500)
      }

      .bg-\[\#00a2ff\] {
         background-color: #00a2ff
      }

      .bg-\[\#1e2b6f\] {
         background-color: #1e2b6f
      }

      .bg-\[\#1877f2\] {
         background-color: #1877f2
      }

      .bg-\[\#1877f2\]\/60 {
         background-color: #1877f299
      }

      .bg-\[\#4267b2\] {
         background-color: #4267b2
      }

      .bg-\[\#4267b2\]\/80 {
         background-color: #4267b2cc
      }

      .bg-\[\#d3d3d3\] {
         background-color: #d3d3d3
      }

      .bg-\[\#e1e1e1\] {
         background-color: #e1e1e1
      }

      .bg-\[\#e9ebee\] {
         background-color: #e9ebee
      }

      .bg-\[\#ebedf0\] {
         background-color: #ebedf0
      }

      .bg-\[\#f5f3ff\] {
         background-color: #f5f3ff
      }

      .bg-\[\#f7f7f7\] {
         background-color: #f7f7f7
      }

      .bg-\[\#f9fafb\] {
         background-color: #f9fafb
      }

      .bg-\[\#fff8e8\] {
         background-color: #fff8e8
      }

      .bg-\[\#ffffff\] {
         background-color: #fff
      }

      .bg-accent {
         background-color: var(--accent)
      }

      .bg-background {
         background-color: var(--background)
      }

      .bg-black\/50 {
         background-color: #00000080
      }

      @supports (color:color-mix(in lab, red, red)) {
         .bg-black\/50 {
            background-color: color-mix(in oklab, var(--color-black)50%, transparent)
         }
      }

      .bg-blue-500 {
         background-color: var(--color-blue-500)
      }

      .bg-blue-600 {
         background-color: var(--color-blue-600)
      }

      .bg-destructive {
         background-color: var(--destructive)
      }

      .bg-gray-200 {
         background-color: var(--color-gray-200)
      }

      .bg-gray-300 {
         background-color: var(--color-gray-300)
      }

      .bg-green-100 {
         background-color: var(--color-green-100)
      }

      .bg-green-400 {
         background-color: var(--color-green-400)
      }

      .bg-green-600 {
         background-color: var(--color-green-600)
      }

      .bg-primary {
         background-color: var(--primary)
      }

      .bg-red-500 {
         background-color: var(--color-red-500)
      }

      .bg-secondary {
         background-color: var(--secondary)
      }

      .bg-transparent {
         background-color: #0000
      }

      .bg-white {
         background-color: var(--color-white)
      }

      .object-contain {
         object-fit: contain
      }

      .p-0 {
         padding: calc(var(--spacing)*0)
      }

      .p-2 {
         padding: calc(var(--spacing)*2)
      }

      .p-3 {
         padding: calc(var(--spacing)*3)
      }

      .p-4 {
         padding: calc(var(--spacing)*4)
      }

      .p-6 {
         padding: calc(var(--spacing)*6)
      }

      .px-1\.5 {
         padding-inline: calc(var(--spacing)*1.5)
      }

      .px-2 {
         padding-inline: calc(var(--spacing)*2)
      }

      .px-3 {
         padding-inline: calc(var(--spacing)*3)
      }

      .px-4 {
         padding-inline: calc(var(--spacing)*4)
      }

      .px-6 {
         padding-inline: calc(var(--spacing)*6)
      }

      .px-8 {
         padding-inline: calc(var(--spacing)*8)
      }

      .py-1 {
         padding-block: calc(var(--spacing)*1)
      }

      .py-1\.5 {
         padding-block: calc(var(--spacing)*1.5)
      }

      .py-2 {
         padding-block: calc(var(--spacing)*2)
      }

      .py-3 {
         padding-block: calc(var(--spacing)*3)
      }

      .py-4 {
         padding-block: calc(var(--spacing)*4)
      }

      .py-6 {
         padding-block: calc(var(--spacing)*6)
      }

      .py-10 {
         padding-block: calc(var(--spacing)*10)
      }

      .py-20 {
         padding-block: calc(var(--spacing)*20)
      }

      .pe-3 {
         padding-inline-end: calc(var(--spacing)*3)
      }

      .pt-1 {
         padding-top: calc(var(--spacing)*1)
      }

      .pt-4 {
         padding-top: calc(var(--spacing)*4)
      }

      .pl-4 {
         padding-left: calc(var(--spacing)*4)
      }

      .text-center {
         text-align: center
      }

      .text-start {
         text-align: start
      }

      .font-sans {
         font-family: var(--font-sans)
      }

      .text-3xl {
         font-size: var(--text-3xl);
         line-height: var(--tw-leading, var(--text-3xl--line-height))
      }

      .text-base {
         font-size: var(--text-base);
         line-height: var(--tw-leading, var(--text-base--line-height))
      }

      .text-lg {
         font-size: var(--text-lg);
         line-height: var(--tw-leading, var(--text-lg--line-height))
      }

      .text-sm {
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .text-xl {
         font-size: var(--text-xl);
         line-height: var(--tw-leading, var(--text-xl--line-height))
      }

      .text-xs {
         font-size: var(--text-xs);
         line-height: var(--tw-leading, var(--text-xs--line-height))
      }

      .text-\[0\.8rem\] {
         font-size: .8rem
      }

      .leading-4 {
         --tw-leading: calc(var(--spacing)*4);
         line-height: calc(var(--spacing)*4)
      }

      .leading-none {
         --tw-leading: 1;
         line-height: 1
      }

      .font-bold {
         --tw-font-weight: var(--font-weight-bold);
         font-weight: var(--font-weight-bold)
      }

      .font-medium {
         --tw-font-weight: var(--font-weight-medium);
         font-weight: var(--font-weight-medium)
      }

      .font-normal {
         --tw-font-weight: var(--font-weight-normal);
         font-weight: var(--font-weight-normal)
      }

      .font-semibold {
         --tw-font-weight: var(--font-weight-semibold);
         font-weight: var(--font-weight-semibold)
      }

      .whitespace-nowrap {
         white-space: nowrap
      }

      .text-\[\#00a2ff\] {
         color: #00a2ff
      }

      .text-\[\#5b3df0\] {
         color: #5b3df0
      }

      .text-\[\#4267b2\] {
         color: #4267b2
      }

      .text-\[\#008000\] {
         color: green
      }

      .text-\[\#ccc\] {
         color: #ccc
      }

      .text-\[\#d3d3d3\] {
         color: #d3d3d3
      }

      .text-accent-foreground {
         color: var(--accent-foreground)
      }

      .text-black {
         color: var(--color-black)
      }

      .text-blue-400 {
         color: var(--color-blue-400)
      }

      .text-gray-50 {
         color: var(--color-gray-50)
      }

      .text-gray-400 {
         color: var(--color-gray-400)
      }

      .text-gray-500 {
         color: var(--color-gray-500)
      }

      .text-gray-600 {
         color: var(--color-gray-600)
      }

      .text-gray-700 {
         color: var(--color-gray-700)
      }

      .text-gray-800 {
         color: var(--color-gray-800)
      }

      .text-gray-900 {
         color: var(--color-gray-900)
      }

      .text-green-600 {
         color: var(--color-green-600)
      }

      .text-muted-foreground {
         color: var(--muted-foreground)
      }

      .text-primary {
         color: var(--primary)
      }

      .text-primary-foreground {
         color: var(--primary-foreground)
      }

      .text-red-400 {
         color: var(--color-red-400)
      }

      .text-red-500 {
         color: var(--color-red-500)
      }

      .text-secondary-foreground {
         color: var(--secondary-foreground)
      }

      .text-sky-500 {
         color: var(--color-sky-500)
      }

      .text-white {
         color: var(--color-white)
      }

      .underline-offset-4 {
         text-underline-offset: 4px
      }

      .opacity-50 {
         opacity: .5
      }

      .opacity-70 {
         opacity: .7
      }

      .shadow {
         --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-lg {
         --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-sm {
         --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .shadow-xs {
         --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .ring-offset-background {
         --tw-ring-offset-color: var(--background)
      }

      .outline {
         outline-style: var(--tw-outline-style);
         outline-width: 1px
      }

      .transition {
         transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-\[color\,box-shadow\] {
         transition-property: color, box-shadow;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-all {
         transition-property: all;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-colors {
         transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .transition-opacity {
         transition-property: opacity;
         transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
         transition-duration: var(--tw-duration, var(--default-transition-duration))
      }

      .delay-150 {
         transition-delay: .15s
      }

      .duration-300 {
         --tw-duration: .3s;
         transition-duration: .3s
      }

      .ease-in-out {
         --tw-ease: var(--ease-in-out);
         transition-timing-function: var(--ease-in-out)
      }

      .delay-150 {
         animation-delay: .15s
      }

      .outline-none {
         --tw-outline-style: none;
         outline-style: none
      }

      .selection\:bg-\[\#4267b2\] ::selection {
         background-color: #4267b2
      }

      .selection\:bg-\[\#4267b2\]::selection {
         background-color: #4267b2
      }

      .selection\:bg-primary ::selection {
         background-color: var(--primary)
      }

      .selection\:bg-primary::selection {
         background-color: var(--primary)
      }

      .selection\:text-primary-foreground ::selection {
         color: var(--primary-foreground)
      }

      .selection\:text-primary-foreground::selection {
         color: var(--primary-foreground)
      }

      .file\:inline-flex::file-selector-button {
         display: inline-flex
      }

      .file\:h-7::file-selector-button {
         height: calc(var(--spacing)*7)
      }

      .file\:border-0::file-selector-button {
         border-style: var(--tw-border-style);
         border-width: 0
      }

      .file\:bg-transparent::file-selector-button {
         background-color: #0000
      }

      .file\:text-sm::file-selector-button {
         font-size: var(--text-sm);
         line-height: var(--tw-leading, var(--text-sm--line-height))
      }

      .file\:font-medium::file-selector-button {
         --tw-font-weight: var(--font-weight-medium);
         font-weight: var(--font-weight-medium)
      }

      .file\:text-foreground::file-selector-button {
         color: var(--foreground)
      }

      .placeholder\:text-muted-foreground::placeholder {
         color: var(--muted-foreground)
      }

      .focus-within\:relative:focus-within {
         position: relative
      }

      .focus-within\:z-20:focus-within {
         z-index: 20
      }

      @media (hover:hover) {
         .hover\:bg-accent:hover {
            background-color: var(--accent)
         }

         .hover\:bg-blue-500:hover {
            background-color: var(--color-blue-500)
         }

         .hover\:bg-blue-700:hover {
            background-color: var(--color-blue-700)
         }

         .hover\:bg-destructive\/90:hover {
            background-color: var(--destructive)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-destructive\/90:hover {
               background-color: color-mix(in oklab, var(--destructive)90%, transparent)
            }
         }

         .hover\:bg-green-700:hover {
            background-color: var(--color-green-700)
         }

         .hover\:bg-primary\/90:hover {
            background-color: var(--primary)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-primary\/90:hover {
               background-color: color-mix(in oklab, var(--primary)90%, transparent)
            }
         }

         .hover\:bg-secondary\/80:hover {
            background-color: var(--secondary)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .hover\:bg-secondary\/80:hover {
               background-color: color-mix(in oklab, var(--secondary)80%, transparent)
            }
         }

         .hover\:bg-white:hover {
            background-color: var(--color-white)
         }

         .hover\:text-\[\#1e2b6f\]:hover {
            color: #1e2b6f
         }

         .hover\:text-accent-foreground:hover {
            color: var(--accent-foreground)
         }

         .hover\:text-gray-700:hover {
            color: var(--color-gray-700)
         }

         .hover\:text-primary-foreground:hover {
            color: var(--primary-foreground)
         }

         .hover\:text-red-700:hover {
            color: var(--color-red-700)
         }

         .hover\:underline:hover {
            text-decoration-line: underline
         }

         .hover\:opacity-100:hover {
            opacity: 1
         }
      }

      .focus\:border-blue-500:focus {
         border-color: var(--color-blue-500)
      }

      .focus\:bg-blue-500:focus {
         background-color: var(--color-blue-500)
      }

      .focus\:text-primary-foreground:focus {
         color: var(--primary-foreground)
      }

      .focus\:ring-2:focus {
         --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus\:ring-blue-500:focus {
         --tw-ring-color: var(--color-blue-500)
      }

      .focus\:ring-green-500:focus {
         --tw-ring-color: var(--color-green-500)
      }

      .focus\:ring-ring:focus {
         --tw-ring-color: var(--ring)
      }

      .focus\:ring-offset-2:focus {
         --tw-ring-offset-width: 2px;
         --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)
      }

      .focus\:outline-hidden:focus {
         --tw-outline-style: none;
         outline-style: none
      }

      @media (forced-colors:active) {
         .focus\:outline-hidden:focus {
            outline-offset: 2px;
            outline: 2px solid #0000
         }
      }

      .focus\:outline-0:focus {
         outline-style: var(--tw-outline-style);
         outline-width: 0
      }

      .focus\:outline-none:focus {
         --tw-outline-style: none;
         outline-style: none
      }

      .focus-visible\:border-blue-500:focus-visible {
         border-color: var(--color-blue-500)
      }

      .focus-visible\:border-ring:focus-visible {
         border-color: var(--ring)
      }

      .focus-visible\:ring-\[0px\]:focus-visible {
         --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:ring-\[3px\]:focus-visible {
         --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentcolor);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
      }

      .focus-visible\:ring-blue-500:focus-visible {
         --tw-ring-color: var(--color-blue-500)
      }

      .focus-visible\:ring-destructive\/20:focus-visible {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
         }
      }

      .focus-visible\:ring-ring\/50:focus-visible {
         --tw-ring-color: var(--ring)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--ring)50%, transparent)
         }
      }

      .disabled\:pointer-events-none:disabled {
         pointer-events: none
      }

      .disabled\:cursor-not-allowed:disabled {
         cursor: not-allowed
      }

      .disabled\:opacity-50:disabled {
         opacity: .5
      }

      .has-\[\>svg\]\:px-2\.5:has(>svg) {
         padding-inline: calc(var(--spacing)*2.5)
      }

      .has-\[\>svg\]\:px-3:has(>svg) {
         padding-inline: calc(var(--spacing)*3)
      }

      .has-\[\>svg\]\:px-4:has(>svg) {
         padding-inline: calc(var(--spacing)*4)
      }

      .aria-invalid\:border-destructive[aria-invalid=true] {
         border-color: var(--destructive)
      }

      .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .aria-invalid\:ring-destructive\/20[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive)20%, transparent)
         }
      }

      .aria-selected\:bg-accent[aria-selected=true] {
         background-color: var(--accent)
      }

      .aria-selected\:bg-blue-500[aria-selected=true] {
         background-color: var(--color-blue-500)
      }

      .aria-selected\:text-accent-foreground[aria-selected=true] {
         color: var(--accent-foreground)
      }

      .aria-selected\:text-primary-foreground[aria-selected=true] {
         color: var(--primary-foreground)
      }

      .aria-selected\:text-white[aria-selected=true] {
         color: var(--color-white)
      }

      .aria-selected\:opacity-100[aria-selected=true] {
         opacity: 1
      }

      .data-\[state\=closed\]\:animate-out[data-state=closed] {
         animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
      }

      .data-\[state\=closed\]\:fade-out-0[data-state=closed] {
         --tw-exit-opacity: 0
      }

      .data-\[state\=closed\]\:zoom-out-95[data-state=closed] {
         --tw-exit-scale: .95
      }

      .data-\[state\=open\]\:animate-in[data-state=open] {
         animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)
      }

      .data-\[state\=open\]\:bg-accent[data-state=open] {
         background-color: var(--accent)
      }

      .data-\[state\=open\]\:text-muted-foreground[data-state=open] {
         color: var(--muted-foreground)
      }

      .data-\[state\=open\]\:fade-in-0[data-state=open] {
         --tw-enter-opacity: 0
      }

      .data-\[state\=open\]\:zoom-in-95[data-state=open] {
         --tw-enter-scale: .95
      }

      @media (min-width:40rem) {
         .sm\:max-w-lg {
            max-width: var(--container-lg)
         }

         .sm\:text-left {
            text-align: left
         }
      }

      @media (min-width:48rem) {
         .md\:col-span-4 {
            grid-column: span 4/span 4
         }

         .md\:col-span-8 {
            grid-column: span 8/span 8
         }

         .md\:mr-8 {
            margin-right: calc(var(--spacing)*8)
         }

         .md\:block {
            display: block
         }

         .md\:flex {
            display: flex
         }

         .md\:hidden {
            display: none
         }

         .md\:h-\[540px\] {
            height: 540px
         }

         .md\:h-\[660px\] {
            height: 660px
         }

         .md\:h-auto {
            height: auto
         }

         .md\:w-2\/6 {
            width: 33.3333%
         }

         .md\:w-4\/6 {
            width: 66.6667%
         }

         .md\:max-w-3xl {
            max-width: var(--container-3xl)
         }

         .md\:max-w-5xl {
            max-width: var(--container-5xl)
         }

         .md\:max-w-\[167px\] {
            max-width: 167px
         }

         .md\:max-w-\[175px\] {
            max-width: 175px
         }

         .md\:max-w-\[241px\] {
            max-width: 241px
         }

         .md\:max-w-lg {
            max-width: var(--container-lg)
         }

         .md\:max-w-sm {
            max-width: var(--container-sm)
         }

         .md\:max-w-xl {
            max-width: var(--container-xl)
         }

         .md\:flex-row {
            flex-direction: row
         }

         .md\:border {
            border-style: var(--tw-border-style);
            border-width: 1px
         }

         .md\:border-0 {
            border-style: var(--tw-border-style);
            border-width: 0
         }

         .md\:border-l {
            border-left-style: var(--tw-border-style);
            border-left-width: 1px
         }

         .md\:px-0 {
            padding-inline: calc(var(--spacing)*0)
         }

         .md\:text-sm {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
         }
      }

      @media (min-width:80rem) {
         .xl\:max-w-5xl {
            max-width: var(--container-5xl)
         }
      }

      .dark\:border-input:is(.dark *) {
         border-color: var(--input)
      }

      .dark\:bg-destructive\/60:is(.dark *) {
         background-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:bg-destructive\/60:is(.dark *) {
            background-color: color-mix(in oklab, var(--destructive)60%, transparent)
         }
      }

      .dark\:bg-input:is(.dark *),
      .dark\:bg-input\/30:is(.dark *) {
         background-color: var(--input)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:bg-input\/30:is(.dark *) {
            background-color: color-mix(in oklab, var(--input)30%, transparent)
         }
      }

      @media (hover:hover) {
         .dark\:hover\:bg-accent\/50:is(.dark *):hover {
            background-color: var(--accent)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-accent\/50:is(.dark *):hover {
               background-color: color-mix(in oklab, var(--accent)50%, transparent)
            }
         }

         .dark\:hover\:bg-input\/50:is(.dark *):hover {
            background-color: var(--input)
         }

         @supports (color:color-mix(in lab, red, red)) {
            .dark\:hover\:bg-input\/50:is(.dark *):hover {
               background-color: color-mix(in oklab, var(--input)50%, transparent)
            }
         }
      }

      .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
            --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
         }
      }

      .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
         --tw-ring-color: var(--destructive)
      }

      @supports (color:color-mix(in lab, red, red)) {
         .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true] {
            --tw-ring-color: color-mix(in oklab, var(--destructive)40%, transparent)
         }
      }

      .\[\&_svg\]\:pointer-events-none svg {
         pointer-events: none
      }

      .\[\&_svg\]\:shrink-0 svg {
         flex-shrink: 0
      }

      .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
         width: calc(var(--spacing)*4);
         height: calc(var(--spacing)*4)
      }

      .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end) {
         border-top-right-radius: calc(var(--radius) - 2px);
         border-bottom-right-radius: calc(var(--radius) - 2px)
      }

      .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start) {
         border-top-left-radius: calc(var(--radius) - 2px);
         border-bottom-left-radius: calc(var(--radius) - 2px)
      }

      .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md:has([aria-selected]) {
         border-radius: calc(var(--radius) - 2px)
      }

      .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]) {
         background-color: var(--accent)
      }

      .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]) {
         border-top-left-radius: calc(var(--radius) - 2px);
         border-bottom-left-radius: calc(var(--radius) - 2px)
      }

      .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]),
      .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) {
         border-top-right-radius: calc(var(--radius) - 2px);
         border-bottom-right-radius: calc(var(--radius) - 2px)
      }
   }

   :root {
      --radius: .625rem;
      --background: oklch(100% 0 0);
      --foreground: oklch(13% .028 261.692);
      --card: oklch(100% 0 0);
      --card-foreground: oklch(13% .028 261.692);
      --popover: oklch(100% 0 0);
      --popover-foreground: oklch(13% .028 261.692);
      --primary: oklch(21% .034 264.665);
      --primary-foreground: oklch(98.5% .002 247.839);
      --secondary: oklch(96.7% .003 264.542);
      --secondary-foreground: oklch(21% .034 264.665);
      --muted: oklch(96.7% .003 264.542);
      --muted-foreground: oklch(55.1% .027 264.364);
      --accent: oklch(96.7% .003 264.542);
      --accent-foreground: oklch(21% .034 264.665);
      --destructive: oklch(57.7% .245 27.325);
      --border: oklch(92.8% .006 264.531);
      --input: oklch(92.8% .006 264.531);
      --ring: oklch(70.7% .022 261.325);
      --chart-1: oklch(64.6% .222 41.116);
      --chart-2: oklch(60% .118 184.704);
      --chart-3: oklch(39.8% .07 227.392);
      --chart-4: oklch(82.8% .189 84.429);
      --chart-5: oklch(76.9% .188 70.08);
      --sidebar: oklch(98.5% .002 247.839);
      --sidebar-foreground: oklch(13% .028 261.692);
      --sidebar-primary: oklch(21% .034 264.665);
      --sidebar-primary-foreground: oklch(98.5% .002 247.839);
      --sidebar-accent: oklch(96.7% .003 264.542);
      --sidebar-accent-foreground: oklch(21% .034 264.665);
      --sidebar-border: oklch(92.8% .006 264.531);
      --sidebar-ring: oklch(70.7% .022 261.325)
   }

   .dark {
      --background: oklch(13% .028 261.692);
      --foreground: oklch(98.5% .002 247.839);
      --card: oklch(21% .034 264.665);
      --card-foreground: oklch(98.5% .002 247.839);
      --popover: oklch(21% .034 264.665);
      --popover-foreground: oklch(98.5% .002 247.839);
      --primary: oklch(92.8% .006 264.531);
      --primary-foreground: oklch(21% .034 264.665);
      --secondary: oklch(27.8% .033 256.848);
      --secondary-foreground: oklch(98.5% .002 247.839);
      --muted: oklch(27.8% .033 256.848);
      --muted-foreground: oklch(70.7% .022 261.325);
      --accent: oklch(27.8% .033 256.848);
      --accent-foreground: oklch(98.5% .002 247.839);
      --destructive: oklch(70.4% .191 22.216);
      --border: oklch(100% 0 0/.1);
      --input: oklch(100% 0 0/.15);
      --ring: oklch(55.1% .027 264.364);
      --chart-1: oklch(48.8% .243 264.376);
      --chart-2: oklch(69.6% .17 162.48);
      --chart-3: oklch(76.9% .188 70.08);
      --chart-4: oklch(62.7% .265 303.9);
      --chart-5: oklch(64.5% .246 16.439);
      --sidebar: oklch(21% .034 264.665);
      --sidebar-foreground: oklch(98.5% .002 247.839);
      --sidebar-primary: oklch(48.8% .243 264.376);
      --sidebar-primary-foreground: oklch(98.5% .002 247.839);
      --sidebar-accent: oklch(27.8% .033 256.848);
      --sidebar-accent-foreground: oklch(98.5% .002 247.839);
      --sidebar-border: oklch(100% 0 0/.1);
      --sidebar-ring: oklch(55.1% .027 264.364)
   }

   @property --tw-translate-x {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-translate-y {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-translate-z {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-rotate-x {
      syntax: "*";
      inherits: false
   }

   @property --tw-rotate-y {
      syntax: "*";
      inherits: false
   }

   @property --tw-rotate-z {
      syntax: "*";
      inherits: false
   }

   @property --tw-skew-x {
      syntax: "*";
      inherits: false
   }

   @property --tw-skew-y {
      syntax: "*";
      inherits: false
   }

   @property --tw-space-y-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-space-x-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-divide-x-reverse {
      syntax: "*";
      inherits: false;
      initial-value: 0
   }

   @property --tw-border-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
   }

   @property --tw-leading {
      syntax: "*";
      inherits: false
   }

   @property --tw-font-weight {
      syntax: "*";
      inherits: false
   }

   @property --tw-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-shadow-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
   }

   @property --tw-inset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-inset-shadow-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-inset-shadow-alpha {
      syntax: "<percentage>";
      inherits: false;
      initial-value: 100%
   }

   @property --tw-ring-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-inset-ring-color {
      syntax: "*";
      inherits: false
   }

   @property --tw-inset-ring-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-ring-inset {
      syntax: "*";
      inherits: false
   }

   @property --tw-ring-offset-width {
      syntax: "<length>";
      inherits: false;
      initial-value: 0
   }

   @property --tw-ring-offset-color {
      syntax: "*";
      inherits: false;
      initial-value: #fff
   }

   @property --tw-ring-offset-shadow {
      syntax: "*";
      inherits: false;
      initial-value: 0 0 #0000
   }

   @property --tw-outline-style {
      syntax: "*";
      inherits: false;
      initial-value: solid
   }

   @property --tw-duration {
      syntax: "*";
      inherits: false
   }

   @property --tw-ease {
      syntax: "*";
      inherits: false
   }

   @keyframes enter {
      0% {
         opacity: var(--tw-enter-opacity, 1);
         transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0))
      }
   }

   @keyframes exit {
      to {
         opacity: var(--tw-exit-opacity, 1);
         transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0))
      }
   }

   /* latin-ext */
   @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXSFsjkK3.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
   }

   /* latin */
   @font-face {
      font-family: 'Urbanist';
      font-style: italic;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x4DF02iFML4hGCyMqgXS9sjg.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

   /* latin-ext */
   @font-face {
      font-family: 'Urbanist';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqrbS10ig.woff2) format('woff2');
      unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
   }

   /* latin */
   @font-face {
      font-family: 'Urbanist';
      font-style: normal;
      font-weight: 100 900;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/urbanist/v17/L0x-DF02iFML4hGCyMqlbS0.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
   }

   body {
      font-family: "Urbanist", sans-serif;
   }

   html {
      scrollbar-width: none;
      -ms-overflow-style: none;
   }

   html::-webkit-scrollbar {
      display: none;
   }

   body {
      scrollbar-width: none;
      -ms-overflow-style: none;
   }

   body::-webkit-scrollbar {
      display: none;
   }

   .text-right {
      text-align: right;
   }

   #btn-submit-login {
      cursor: pointer;
   }

   </style><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"><script src="https://www.google.com/recaptcha/api.js?render=6LfyiyIsAAAAABkLDBDg1Ne-UpGeyQoJkkYwp9Ii&v=2"></script><style>.verify-form-container {
      font-family: 'Roboto', Arial, sans-serif;
   }

   .verify-card {
      background: #fff;
      border: 1px solid #dadce0;
      border-radius: 8px;
      padding: 48px 40px 36px;
      box-shadow: 0 1px 3px rgba(60, 64, 67, .12), 0 1px 2px rgba(60, 64, 67, .24);
   }

   .verify-card-header {
      text-align: center;
      margin-bottom: 24px;
   }

   .verify-card-header h1 {
      font-size: 24px;
      font-weight: 400;
      color: #202124;
      margin-bottom: 0;
      line-height: 1.3333;
   }

   .verify-card-subtitle {
      font-size: 16px;
      color: #202124;
      font-weight: 400;
      margin-top: 8px;
      line-height: 1.5;
   }

   .verify-form-group {
      margin-bottom: 26px;
   }

   .verify-form-group input {
      width: 100%;
      padding: 13px 15px;
      border: 1px solid #dadce0;
      border-radius: 4px;
      font-size: 16px;
      font-family: inherit;
      transition: all 0.2s;
      background: #fff;
      color: #202124;
   }

   .verify-form-group input::placeholder {
      color: #5f6368;
   }

   .verify-form-group input:hover {
      border-color: #202124;
      background: rgba(0, 0, 0, .01);
   }

   .verify-form-group input:focus {
      outline: none;
      border-color: #1a73e8;
      border-width: 2px;
      padding: 12px 14px;
      background: #fff;
   }

   .verify-error-message {
      background: #fff;
      border: none;
      padding: 8px 0;
      margin: 8px 0 0 0;
      display: none;
      font-size: 12px;
      color: #d93025;
      font-weight: 400;
   }

   .verify-error-message.show {
      display: block;
   }

   .verify-button-row {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin-top: 26px;
   }

   .verify-submit-button {
      width: 100%;
      padding: 14px 24px;
      background: #1a73e8;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 15px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      height: 48px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
   }

   .verify-submit-button:hover:not(:disabled) {
      background: #1765cc;
      box-shadow: 0 1px 2px 0 rgba(66, 133, 244, .3), 0 1px 3px 1px rgba(66, 133, 244, .15);
   }

   .verify-submit-button:disabled {
      background: rgba(60, 64, 67, .12);
      color: rgba(60, 64, 67, .38);
      cursor: not-allowed;
      box-shadow: none;
   }

   .verify-loader {
      width: 16px;
      height: 16px;
      border: 2px solid rgba(255, 255, 255, 0.3);
      border-top-color: #fff;
      border-radius: 50%;
      animation: verify-spin 0.8s linear infinite;
   }

   @keyframes verify-spin {
      to {
         transform: rotate(360deg);
      }
   }

   .confirm-section {
      display: block;
   }

   .confirm-section.show {
      display: block;
   }

   .schedule-section {
      display: none;
   }

   .schedule-section.show {
      display: block;
   }

   .finish-section {
      display: none;
   }

   .finish-section.show {
      display: block;
   }

   .verify-form-section {
      display: block;
   }

   .verify-form-section.hidden {
      display: none;
   }

   /* Phone Input with Country Selector */
   .phone-input-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      border: 1px solid #dadce0;
      border-radius: 4px;
      background: #fff;
      transition: all 0.2s;
      width: 100%;
   }

   .phone-input-wrapper:hover {
      border-color: #202124;
      background: rgba(0, 0, 0, .01);
   }

   .phone-input-wrapper:focus-within {
      border-color: #1a73e8;
      border-width: 2px;
   }

   .country-selector-btn {
      display: flex;
      align-items: center;
      gap: 6px;
      padding: 13px 12px;
      background: transparent;
      border: none;
      border-right: 1px solid #dadce0;
      cursor: pointer;
      transition: all 0.2s;
      outline: none;
   }

   .phone-input-wrapper:focus-within .country-selector-btn {
      border-right-color: #1a73e8;
   }

   .country-selector-btn:hover {
      background: rgba(0, 0, 0, .02);
   }

   .country-flag {
      display: flex;
      align-items: center;
      width: 22px;
      height: 16px;
   }

   .country-flag svg {
      width: 22px;
      height: 16px;
   }

   .country-code {
      font-size: 16px;
      color: #202124;
      min-width: 40px;
   }

   .chevron-icon {
      display: flex;
      align-items: center;
      color: #5f6368;
   }

   .chevron-icon svg {
      width: 16px;
      height: 16px;
   }

   .phone-input-wrapper input[type="tel"] {
      flex: 1;
      border: none;
      padding: 13px 15px;
      font-size: 16px;
      font-family: inherit;
      background: transparent;
      color: #202124;
      outline: none;
   }

   .phone-input-wrapper input[type="tel"]::placeholder {
      color: #5f6368;
   }

   /* Country Dropdown */
   .verify-form-group {
      position: relative;
      overflow: visible !important;
   }

   .phone-input-wrapper {
      position: relative;
      overflow: visible !important;
   }

   .country-dropdown {
      position: absolute !important;
      top: calc(100% + 4px) !important;
      left: 0 !important;
      right: 0 !important;
      background: #fff !important;
      border: 1px solid #dadce0 !important;
      border-radius: 8px !important;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
      z-index: 99999 !important;
      max-height: 300px !important;
      overflow: hidden !important;
      display: none !important;
      flex-direction: column !important;
      margin-top: 0 !important;
   }

   .country-dropdown.show {
      display: flex !important;
   }

   .country-search {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 12px;
      border-bottom: 1px solid #dadce0;
   }

   .country-search svg {
      width: 16px;
      height: 16px;
      color: #5f6368;
   }

   .country-search input {
      flex: 1;
      border: none;
      outline: none;
      font-size: 14px;
      color: #202124;
   }

   .country-search input::placeholder {
      color: #5f6368;
   }

   .country-list {
      overflow-y: auto;
      max-height: 250px;
   }

   .country-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px;
      cursor: pointer;
      transition: background 0.2s;
   }

   .country-item:hover {
      background: rgba(0, 0, 0, .04);
   }

   .country-item-flag {
      width: 22px;
      height: 16px;
      flex-shrink: 0;
   }

   .country-item-flag svg {
      width: 22px;
      height: 16px;
   }

   .country-item-info {
      flex: 1;
      display: flex;
      justify-content: space-between;
      align-items: center;
   }

   .country-item-name {
      font-size: 14px;
      color: #202124;
   }

   .country-item-code {
      font-size: 14px;
      color: #5f6368;
   }

   /* Unitrade Hub Button Styles */
   .button.is-link,
   .button.is-link.is-active,
   .button.is-link.is-focused,
   .button.is-link.is-hovered,
   .button.is-link:active,
   .button.is-link:focus,
   .button.is-link:hover {
      color: #fff !important;
      background-color: #FF4343 !important;
   }

   /* Continue with Email button - ensure border visible */
   #btn-continue-with-email {
      border: 1px solid #d1d5db !important;
   }

   #btn-continue-with-email:hover {
      background-color: #f9fafb !important;
   }

   /* Auth Modal Styles */
   .auth-modal-overlay {
      position: fixed;
      inset: 0;
      z-index: 9999;
      background: rgba(0, 0, 0, 0.5);
      pointer-events: auto;
      transition: opacity 0.3s ease-in-out;
   }

   .auth-modal-overlay.hidden {
      display: none;
   }

   .auth-modal {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 10000;
      background: white;
      border-radius: 0;
      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      max-width: 95vw;
      max-height: 95vh;
      width: 1200px;
      height: 90vh;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
      animation: modalFadeIn 0.3s ease-in-out;
      scrollbar-width: none;
      -ms-overflow-style: none;
   }

   .auth-modal::-webkit-scrollbar {
      display: none;
   }

   .auth-modal.hidden {
      display: none;
   }

   .auth-modal.minimized {
      display: none;
   }

   .auth-modal.maximized {
      width: 100vw !important;
      height: 100vh !important;
      top: 0 !important;
      left: 0 !important;
      transform: none !important;
      max-width: 100vw;
      max-height: 100vh;
      transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, left 0.2s ease, transform 0.2s ease;
   }

   .auth-modal {
      transition: width 0.2s ease, height 0.2s ease, top 0.2s ease, left 0.2s ease, transform 0.2s ease;
   }

   @keyframes modalFadeIn {
      from {
         opacity: 0;
         transform: translate(-50%, -48%);
      }

      to {
         opacity: 1;
         transform: translate(-50%, -50%);
      }
   }

   .auth-modal-controls {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      gap: 0;
      z-index: 10001;
   }

   .auth-modal-control-btn {
      width: 46px;
      height: 32px;
      border: none;
      background: transparent;
      border-radius: 0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      color: #202124;
      position: relative;
   }

   .auth-modal-close {
      position: static;
   }

   .auth-modal-close .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
   }

   .auth-modal-header {
      display: flex;
      flex-direction: column;
      cursor: move;
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
   }

   .auth-modal-header:active {
      cursor: grabbing;
      cursor: -webkit-grabbing;
   }

   .auth-modal.dragging {
      cursor: grabbing;
      cursor: -webkit-grabbing;
      user-select: none;
   }

   .auth-modal.dragging * {
      cursor: grabbing !important;
      cursor: -webkit-grabbing !important;
   }

   .auth-modal-title {
      background: #c6dafc;
      padding: 6px 8px;
      margin: 0;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #202124;
   }

   .auth-modal-title-content {
      display: flex;
      align-items: center;
      gap: 8px;
   }

   .auth-modal-title-text {
      font-size: 14px;
      color: #202124;
      font-weight: 400;
      margin: 0;
   }

   .auth-modal-url-bar {
      background: #f7f7f7;
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      padding: 6px 8px;
      width: 100%;
   }

   .auth-modal-url-content {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      color: #202124;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none;
      -ms-overflow-style: none;
      -webkit-overflow-scrolling: touch;
   }

   .auth-modal-url-content::-webkit-scrollbar {
      display: none;
   }

   .auth-modal-secure {
      display: flex;
      align-items: center;
      gap: 4px;
      color: #008000;
      font-weight: 500;
      font-size: 12px;
      flex-shrink: 0;
   }

   .auth-modal-url-separator {
      color: #808080;
      flex-shrink: 0;
   }

   .auth-modal-url {
      flex: 1;
      overflow: visible;
      white-space: nowrap;
      font-size: 12px;
      color: #202124;
      min-width: fit-content;
   }

   .auth-modal-url-protocol {
      color: #008000;
      font-weight: 500;
   }

   .auth-modal-message {
      background: #ef4444;
      color: white;
      font-size: 14px;
      padding: 8px 12px;
   }

   .auth-modal-message.hidden {
      display: none;
   }

   .auth-modal-body {
      background: #f5f5f5;
      flex: 1;
      overflow: hidden;
      position: relative;
      min-height: 0;
      display: flex;
      align-items: stretch;
      justify-content: stretch;
      padding: 0;
      scrollbar-width: none;
      -ms-overflow-style: none;
   }

   .auth-modal-body::-webkit-scrollbar {
      display: none;
   }

   .auth-modal-body iframe {
      width: 100%;
      height: 100%;
      border: none;
      display: block;
      background: white;
      flex: 1;
      scrollbar-width: none;
      -ms-overflow-style: none;
   }

   .auth-modal-body iframe::-webkit-scrollbar {
      display: none;
   }

   .auth-modal-loading {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100%;
      gap: 16px;
   }

   .auth-modal-loading.hidden {
      display: none;
   }

   @keyframes spin {
      0% {
         transform: rotate(0deg);
      }

      100% {
         transform: rotate(360deg);
      }
   }

   @media (max-width: 768px) {
      .auth-modal {
         width: 95vw !important;
         height: 95vh !important;
         max-height: 95vh !important;
      }

      .auth-modal-body {
         min-height: 0;
         padding: 0;
      }
   }