.auth-card{backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #f6515c2e;border-radius:28px;width:min(100%,520px);padding:clamp(64px,6vw,72px) clamp(26px,3vw,38px) clamp(26px,3vw,38px);position:relative;box-shadow:0 30px 80px #4a221f1f;container-type:inline-size}.auth-card-back{color:#171c22;touch-action:manipulation;background:#fff;border:1px solid #eadfdd;border-radius:50%;place-items:center;width:44px;height:44px;text-decoration:none;display:grid;position:absolute;top:20px;left:20px;box-shadow:0 8px 22px #4a221f14}.auth-card-back:hover{color:#c43a44;border-color:#ef9b94;text-decoration:none}.auth-target{color:#c43a44;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:.75rem;font-weight:850;display:inline-flex}.auth-target span{color:#f6515c;text-shadow:0 0 0 5px #f6515c1a;font-size:.55rem}.auth-card h1{color:#171c22;letter-spacing:-.045em;text-wrap:balance;margin:0;font-family:Plus Jakarta Sans Variable,Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(2.15rem,3.2vw,2.85rem);font-weight:820;line-height:1.08}.auth-description{color:#565e66;text-wrap:pretty;max-width:430px;margin:12px 0 20px;font-size:1rem;line-height:1.58}.auth-switch-note{color:#3c4c74;text-wrap:pretty;background:#f4f7ff;border:1px solid #dbe4ff;border-radius:12px;margin:-7px 0 20px;padding:10px 12px;font-size:.8rem;font-weight:650;line-height:1.45}.auth-providers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-card button{font:inherit}.provider-button{color:#171c22;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#fff;border:1px solid #eadfdd;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:54px;padding:0 10px;font-size:clamp(.76rem,1.3vw,.86rem);font-weight:750;line-height:1.15;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;box-shadow:0 8px 22px #4a221f0f}.provider-button--apple{color:#fff;background:#171c22;border-color:#171c22}.provider-button:hover:not(:disabled){border-color:#ef9b94;transform:translateY(-1px);box-shadow:0 11px 28px #4a221f1a}.provider-button:active:not(:disabled),.auth-submit:active:not(:disabled){transform:translateY(0)}.provider-button:disabled,.auth-submit:disabled,.auth-form-meta button:disabled,.password-toggle:disabled{cursor:wait;opacity:.65}.provider-button img,.provider-button svg{object-fit:contain;flex:0 0 22px;width:22px;height:22px;display:block}@container (width<=410px){.auth-providers{grid-template-columns:1fr}.provider-button{padding-inline:16px}}.auth-divider{color:#8b9197;align-items:center;gap:12px;margin:17px 0;font-size:.75rem;font-weight:650;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#eee3e1;flex:1;height:1px}.auth-card form{gap:9px;display:grid}.auth-loading{color:#3c4c74;background:#f4f7ff;border:1px solid #dbe4ff;border-radius:10px;margin:0 0 3px;padding:9px 12px;font-size:.78rem;font-weight:700;line-height:1.4}.auth-card label{color:#252a30;margin-top:4px;font-size:.82rem;font-weight:750}.auth-field{color:#c43a44;background:#fff;border:1.5px solid #e7dfde;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:grid}.auth-field:focus-within{border-color:#f6515c;box-shadow:0 0 0 4px #f6515c1f}.auth-card input{color:#171c22;width:100%;min-width:0;height:50px;font:inherit;background:0 0;border:0;outline:0;font-size:.95rem}.auth-card input::placeholder{color:#969ca2}.password-toggle{color:#747b82;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.password-toggle:hover{color:#a82f38;background:#fff0ed}.auth-form-meta{color:#787f86;justify-content:space-between;align-items:center;gap:16px;min-height:40px;font-size:.77rem;display:flex}.auth-form-meta button{color:#c43a44;cursor:pointer;touch-action:manipulation;background:0 0;border:0;min-height:44px;font-weight:750}.auth-form-meta button:hover{text-underline-offset:3px;text-decoration:underline}.auth-message{border-radius:11px;padding:11px 13px;font-size:.82rem;line-height:1.45}.auth-message--error{color:#a51d2a;background:#fef2f2;border:1px solid #fecaca}.auth-message--notice{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.auth-submit{color:#fff;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#f6515c,#c43a44);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:56px;margin-top:8px;padding:0 24px;font-size:.95rem;font-weight:800;transition:box-shadow .16s,transform .16s;display:flex;box-shadow:0 14px 32px #c43a4440}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #c43a444d}.auth-secure{color:#7d848a;text-align:center;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:.75rem;line-height:1.4;display:flex}.auth-mode-switch{color:#697078;justify-content:center;align-items:center;gap:7px;margin:16px 0 0;font-size:.82rem;display:flex}.auth-mode-switch a{color:#c43a44;min-height:44px;font:inherit;touch-action:manipulation;align-items:center;font-weight:800;display:inline-flex}.auth-mode-switch a:hover{text-underline-offset:3px;text-decoration:underline}.auth-secure img{flex:none}.auth-card :where(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #171c22}@media (width<=560px){.auth-card{border-radius:22px;padding:74px 20px 22px}.auth-providers{grid-template-columns:1fr}.auth-form-meta{gap:8px}.auth-form-meta span{max-width:190px}.auth-secure{text-align:left;align-items:flex-start}}@media (width<=360px){.auth-form-meta{flex-direction:column;align-items:flex-start;gap:2px}.auth-form-meta span{max-width:none}.auth-form-meta button{margin-left:-8px}}@media (prefers-reduced-motion:reduce){.provider-button,.auth-submit{transition-duration:.01ms}}
