.auth-form.svelte-s5rt3f{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,5%,.6);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:1.5rem;
    -webkit-box-shadow:0 20px 40px rgba(0,0,0,.4);
            box-shadow:0 20px 40px rgba(0,0,0,.4);
    max-width:400px;
    padding:2.5rem 2rem;
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
    width:100%;
  }

  .form-header.svelte-s5rt3f{
    margin-bottom:2.5rem;
    text-align:center;
  }

  .form-title.svelte-s5rt3f{
    background:linear-gradient(135deg, #fff, #a855f7);
    -webkit-background-clip:text;
    font-size:2rem;
    font-weight:800;
    letter-spacing:-.02em;
    margin:0 0 .5rem;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-shadow:0 0 30px rgba(168,85,247,.3);
  }

  .form-subtitle.svelte-s5rt3f{
    color:hsla(0,0%,100%,.6);
    font-size:.95rem;
    font-weight:400;
    margin:0;
  }

  .alert.svelte-s5rt3f{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    backdrop-filter:blur(10px);
    border-radius:.75rem;
    font-size:.875rem;
    gap:.75rem;
    margin-bottom:1.5rem;
    padding:1rem;
  }

  .alert-error.svelte-s5rt3f{
    background:rgba(239,68,68,.1);
    border:1px solid rgba(239,68,68,.2);
    color:#fca5a5;
  }

  .alert-success.svelte-s5rt3f{
    background:rgba(16,185,129,.1);
    border:1px solid rgba(16,185,129,.2);
    color:#6ee7b7;
  }

  .auth-form-content.svelte-s5rt3f{
    gap:1.5rem;
  }

  .auth-form-content.svelte-s5rt3f,.form-group.svelte-s5rt3f{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
  }

  .form-group.svelte-s5rt3f{
    gap:.5rem;
  }

  .form-label.svelte-s5rt3f{
    color:hsla(0,0%,100%,.8);
    font-size:.875rem;
    font-weight:500;
    margin-left:.25rem;
  }

  .form-input.svelte-s5rt3f{
    background:rgba(0,0,0,.3);
    border:1px solid hsla(0,0%,100%,.1);
    border-radius:.75rem;
    color:#fff;
    font-size:.95rem;
    padding:.875rem 1rem;
    -webkit-transition:all .2s cubic-bezier(.4, 0, .2, 1);
    transition:all .2s cubic-bezier(.4, 0, .2, 1);
  }

  .form-input.svelte-s5rt3f::-webkit-input-placeholder{
    color:hsla(0,0%,100%,.3);
  }

  .form-input.svelte-s5rt3f::-moz-placeholder{
    color:hsla(0,0%,100%,.3);
  }

  .form-input.svelte-s5rt3f:-ms-input-placeholder{
    color:hsla(0,0%,100%,.3);
  }

  .form-input.svelte-s5rt3f::-ms-input-placeholder{
    color:hsla(0,0%,100%,.3);
  }

  .form-input.svelte-s5rt3f::placeholder{
    color:hsla(0,0%,100%,.3);
  }

  .form-input.svelte-s5rt3f:focus{
    background:rgba(0,0,0,.5);
    border-color:#a855f7;
    -webkit-box-shadow:0 0 0 4px rgba(168,85,247,.15);
            box-shadow:0 0 0 4px rgba(168,85,247,.15);
    outline:none;
  }

  .form-input.invalid.svelte-s5rt3f{
    border-color:#ef4444;
    -webkit-box-shadow:0 0 0 4px rgba(239,68,68,.15);
            box-shadow:0 0 0 4px rgba(239,68,68,.15);
  }

  .form-input.svelte-s5rt3f:disabled{
    cursor:not-allowed;
    opacity:.5;
  }

  .otp-input.svelte-s5rt3f{
    font-family:monospace;
    font-size:1.5rem;
    font-weight:600;
    letter-spacing:.5rem;
    text-align:center;
  }

  .form-note.svelte-s5rt3f{
    color:hsla(0,0%,100%,.4);
    font-size:.8rem;
    line-height:1.5;
    margin:0;
    text-align:center;
  }

  .form-actions.svelte-s5rt3f{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:.75rem;
    margin-bottom:1rem;
  }

  .form-actions.svelte-s5rt3f .form-button:where(.svelte-s5rt3f){
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
  }

  .form-button.svelte-s5rt3f{
    border:none;
    border-radius:.75rem;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:.95rem;
    font-weight:600;
    padding:.875rem 1.5rem;
    -webkit-transition:all .2s cubic-bezier(.4, 0, .2, 1);
    transition:all .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    gap:.5rem;
            justify-content:center;
  }

  .form-button.svelte-s5rt3f:disabled{
    cursor:not-allowed;
    opacity:.5;
    -webkit-transform:none !important;
            transform:none !important;
  }

  .form-button.primary.svelte-s5rt3f{
    background:#fff;
    -webkit-box-shadow:0 4px 12px rgba(0,0,0,.2);
            box-shadow:0 4px 12px rgba(0,0,0,.2);
    color:#000;
  }

  .form-button.primary.svelte-s5rt3f:hover:not(:disabled){
    -webkit-box-shadow:0 8px 24px hsla(0,0%,100%,.15);
            box-shadow:0 8px 24px hsla(0,0%,100%,.15);
    -webkit-transform:translateY(-2px);
            transform:translateY(-2px);
  }

  .form-button.primary.svelte-s5rt3f:active:not(:disabled){
    -webkit-transform:scale(.98);
            transform:scale(.98);
  }

  .form-button.secondary.svelte-s5rt3f{
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
    color:hsla(0,0%,100%,.8);
  }

  .form-button.secondary.svelte-s5rt3f:hover:not(:disabled){
    background:hsla(0,0%,100%,.1);
    border-color:hsla(0,0%,100%,.2);
    color:#fff;
  }

  .form-button.tertiary.svelte-s5rt3f{
    background:transparent;
    border:1px solid transparent;
    color:hsla(0,0%,100%,.5);
  }

  .form-button.tertiary.svelte-s5rt3f:hover:not(:disabled){
    background:hsla(0,0%,100%,.05);
    color:#fff;
  }
  .magic-link-sent.svelte-s5rt3f{
    padding-top:1rem;
    text-align:center;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
  }

  .success-icon.svelte-s5rt3f{
    aspect-ratio:1;
    background:rgba(16,185,129,.1);
    border:1px solid rgba(16,185,129,.2);
    border-radius:50%;
    -webkit-box-shadow:0 0 40px rgba(16,185,129,.1);
            box-shadow:0 0 40px rgba(16,185,129,.1);
    color:#6ee7b7;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    margin-bottom:2rem;
    padding:1.25rem;
  }

  .magic-link-title.svelte-s5rt3f{
    color:#fff;
    font-size:1.5rem;
    font-weight:700;
    margin:0 0 1rem;
  }

  .magic-link-message.svelte-s5rt3f{
    color:hsla(0,0%,100%,.8);
    font-size:1rem;
    line-height:1.5;
    margin:0 0 .5rem;
  }

  .magic-link-message.svelte-s5rt3f strong:where(.svelte-s5rt3f){
    color:#a855f7;
    font-weight:600;
  }

  .magic-link-help.svelte-s5rt3f{
    color:hsla(0,0%,100%,.4);
    font-size:.875rem;
    margin:0 0 2.5rem;
  }

  .button-spinner.svelte-s5rt3f{
    -webkit-animation:svelte-s5rt3f-spin .8s linear infinite;
            animation:svelte-s5rt3f-spin .8s linear infinite;
    border:2px solid rgba(0,0,0,.1);
    border-radius:50%;
    border-top-color:currentcolor;
    height:1.25em;
    width:1.25em;
  }

  @-webkit-keyframes svelte-s5rt3f-spin{
    to{
      -webkit-transform:rotate(1turn);
              transform:rotate(1turn);
    }
  }

  @keyframes svelte-s5rt3f-spin{
    to{
      -webkit-transform:rotate(1turn);
              transform:rotate(1turn);
    }
  }
  @media (max-width:480px){
    .auth-form.svelte-s5rt3f{
      backdrop-filter:blur(15px);
      background:rgba(0,0,0,.8);
      border:none;
      padding:2rem 1.5rem;
    }

    .form-title.svelte-s5rt3f{
      font-size:1.75rem;
    }

    .form-actions.svelte-s5rt3f{
      -webkit-box-orient:vertical;
      -webkit-box-direction:normal;
          -ms-flex-direction:column;
              flex-direction:column;
    }
  }
body,html{background:#000;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100vw}:where(.astro-j7y7d5ql){-webkit-box-sizing:border-box;box-sizing:border-box}.auth-wrapper:where(.astro-j7y7d5ql){display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;position:relative;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.background-layer:where(.astro-j7y7d5ql){height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}.auth-layer:where(.astro-j7y7d5ql){max-width:440px;padding:1rem;position:relative;width:100%;z-index:10}.theme-toggle:where(.astro-j7y7d5ql){backdrop-filter:blur(12px);background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2);display:-webkit-box;display:-ms-flexbox;display:flex;gap:.25rem;padding:.375rem;position:fixed;right:2rem;top:2rem;z-index:100}.theme-btn:where(.astro-j7y7d5ql){background:transparent;border:1px solid transparent;border-radius:999px;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-btn:where(.astro-j7y7d5ql):hover{background:hsla(0,0%,100%,.05);color:#fff}.theme-btn:where(.astro-j7y7d5ql).active{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);-webkit-box-shadow:0 0 15px hsla(0,0%,100%,.1);box-shadow:0 0 15px hsla(0,0%,100%,.1);color:#fff}