
  .auth-form.svelte-s5rt3f{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,5%,.85);
    border:1px solid rgba(139,92,246,.3);
    border-radius:1.5rem;
    max-width:400px;
    padding:2rem;
    width:100%;
  }

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

  .form-title.svelte-s5rt3f{
    background:linear-gradient(135deg, #8b5cf6, #a855f7, #ec4899);
    -webkit-background-clip:text;
    font-size:1.75rem;
    font-weight:700;
    margin:0 0 .5rem;
    -webkit-text-fill-color:transparent;
    background-clip:text;
  }

  .form-subtitle.svelte-s5rt3f,.form-title.svelte-s5rt3f{
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }

  .form-subtitle.svelte-s5rt3f{
    font-size:.875rem;
    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;
    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,.3);
    color:#fca5a5;
  }

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

  .alert-icon.svelte-s5rt3f{
    -ms-flex-negative:0;
        flex-shrink:0;
    font-size:1rem;
  }

  .alert-content.svelte-s5rt3f p:where(.svelte-s5rt3f){
    margin:0;
  }

  .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{
    font-size:.875rem;
    font-weight:500;
  }

  .form-input.svelte-s5rt3f{
    border:1px solid rgba(139,92,246,.3);
    border-radius:.5rem;
    font-size:.875rem;
    padding:.75rem 1rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
  }

  .form-input.svelte-s5rt3f:focus{
    border-color:#8b5cf6;
    -webkit-box-shadow:0 0 0 3px rgba(139,92,246,.1);
            box-shadow:0 0 0 3px rgba(139,92,246,.1);
    outline:none;
  }

  .form-input.invalid.svelte-s5rt3f{
    border-color:var(--theme-error);
  }

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

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

  .form-help.svelte-s5rt3f{
    color:#64748b;
    font-size:.75rem;
    margin:0;
  }

  .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:.5rem;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:.875rem;
    font-weight:600;
    padding:.75rem 1.5rem;
    -webkit-transition:all .2s ease;
    transition:all .2s ease;
    -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;
  }

  .form-button.primary.svelte-s5rt3f{
    background:linear-gradient(135deg, #8b5cf6, #a855f7);
    color:#fff;
  }

  .form-button.primary.svelte-s5rt3f:hover:not(:disabled){
    -webkit-box-shadow:0 4px 12px rgba(139,92,246,.4);
            box-shadow:0 4px 12px rgba(139,92,246,.4);
    -webkit-transform:translateY(-1px);
            transform:translateY(-1px);
  }

  .form-button.secondary.svelte-s5rt3f{
    background:rgba(139,92,246,.1);
    border:1px solid rgba(139,92,246,.3);
    color:#a855f7;
  }

  .form-button.secondary.svelte-s5rt3f:hover:not(:disabled){
    background:rgba(139,92,246,.2);
  }

  .form-button.tertiary.svelte-s5rt3f{
    background:transparent;
    border:1px solid rgba(148,163,184,.3);
  }

  .form-button.tertiary.svelte-s5rt3f:hover:not(:disabled){
    color:var(--color-base-200);
  }
  .magic-link-sent.svelte-s5rt3f{
    text-align:center;
  }

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

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

  .magic-link-message.svelte-s5rt3f{
    color:var(--theme-text-primary);
    font-size:.95rem;
    margin:0 0 .5rem;
  }

  .magic-link-message.svelte-s5rt3f strong:where(.svelte-s5rt3f){
    color:#8b5cf6;
  }

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