:root { color-scheme: dark; }

body.priviot-login-page {
  --priviot-auth-violet: #7c35ff;
  --priviot-auth-violet-hover: #7c35ff;
  --priviot-auth-violet-readable: #7c35ff;
  --priviot-auth-violet-link-hover: #7c35ff;
  --auth-bg: #08070d;
  --auth-panel: #15111e;
  --auth-input: #100d17;
  --auth-line: rgba(255,255,255,.13);
  --auth-ink: #f4f1fa;
  --auth-muted: #bcb7c9;
  margin: 0;
  display: flex;
  min-height: 100svh;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--auth-ink) !important;
  background: radial-gradient(ellipse at 50% 35%,rgba(124,53,255,.08),transparent 55%),var(--auth-bg) !important;
}
body.priviot-login-page #root { display:flex; flex:1 0 auto; flex-direction:column; background:transparent !important; }
body.priviot-login-page #root > div { display:flex !important; min-height:0 !important; flex:1 0 auto; flex-direction:column; background:transparent !important; }
.priviot-login-original-header,.priviot-login-original-footer,
body.priviot-login-page #root > div > header,
body.priviot-login-page #root > div > footer { display:none !important; }

.priviot-auth-header {
  position:relative; z-index:5; display:flex; width:min(100%,80rem); min-height:5.5rem;
  margin-inline:auto; box-sizing:border-box; align-items:center; justify-content:space-between;
  padding:1rem 2.5rem; background:transparent !important;
}
.priviot-auth-brand { display:inline-flex; align-items:center; border-radius:.5rem; }
.priviot-auth-brand img { display:block; width:clamp(8.8rem,11vw,11rem); height:auto; }
.priviot-auth-language { position:relative; }
.priviot-auth-language summary {
  display:inline-flex; min-height:2.75rem; box-sizing:border-box; align-items:center;
  gap:.5rem; padding:.5rem .75rem; border:1px solid var(--auth-line); border-radius:.75rem;
  background:transparent; color:var(--priviot-auth-violet); font:inherit; font-size:.9rem;
  font-weight:600; list-style:none; cursor:pointer;
}
.priviot-auth-language summary::-webkit-details-marker { display:none; }
.priviot-auth-language svg { width:1.15rem; height:1.15rem; fill:none; stroke:currentColor; stroke-width:1.6; }
.priviot-auth-language .priviot-auth-chevron { width:.8rem; height:.8rem; transition:transform 160ms ease; }
.priviot-auth-language[open] .priviot-auth-chevron { transform:rotate(180deg); }
.priviot-auth-language summary:hover,.priviot-auth-language[open] summary { border-color:var(--priviot-auth-violet); background:rgba(124,53,255,.08); }
.priviot-auth-language > a { position:absolute; right:0; top:calc(100% + .5rem); display:flex; align-items:center; min-width:9rem; min-height:2.75rem; padding:.5rem 1rem; border:1px solid var(--auth-line); border-radius:.75rem; background:var(--auth-panel); box-shadow:0 .75rem 2rem #0004; }
.priviot-auth-language > a:hover { background:#21162f; }

.priviot-login-shell {
  position:relative !important; display:flex !important; flex-direction:column; justify-content:center !important;
  width:min(100%,60rem); min-height:0 !important; flex:1 0 auto; align-items:center !important;
  margin-inline:auto; box-sizing:border-box; padding:1.5rem 1.25rem 2rem !important;
  background:transparent !important; overflow-x:clip !important; overflow-y:visible !important;
}
.priviot-login-shell > .pointer-events-none,.priviot-login-shell > div[aria-hidden='true'],.priviot-login-shell::before,.priviot-login-shell::after { display:none !important; }
.priviot-login-panel { width:100% !important; max-width:54rem !important; }
.priviot-login-panel > .mt-8 { margin-top:0 !important; }
.priviot-login-heading { margin:0 0 1rem !important; text-align:left !important; }
.priviot-login-heading h1 { margin:0 !important; color:var(--auth-ink) !important; font-family:inherit !important; font-size:1.75rem !important; font-weight:600 !important; letter-spacing:-.02em !important; line-height:1.15 !important; }
.priviot-login-heading p { margin:.4rem 0 0 !important; color:var(--auth-muted) !important; font-size:.95rem !important; line-height:1.6 !important; }
.priviot-login-panel .priviot-glass-card {
  overflow:visible !important; padding:0 !important;
  border:1px solid rgba(181,151,230,.4) !important; border-radius:1.5rem !important;
  background:var(--auth-panel) !important;
  box-shadow:0 24px 64px rgba(0,0,0,.44),0 6px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:none !important;
}
.priviot-login-panel .priviot-glass-card::before,.priviot-login-panel .priviot-glass-card::after { display:none !important; }
.priviot-login-card-inner { position:relative !important; z-index:1 !important; padding:1.75rem !important; }

.priviot-login-form { display:grid !important; gap:.75rem !important; }
.priviot-login-form > div:not(.priviot-login-trust) { margin-bottom:0 !important; }
.priviot-login-form label,.login-email-panel label { color:var(--auth-ink) !important; font-size:.875rem !important; font-weight:600 !important; }
.priviot-login-form input[type='email'],.priviot-login-form input[type='password'],.priviot-login-form input[type='text'],#root .priviot-login-recovery input {
  width:100% !important; min-height:3rem !important; box-sizing:border-box !important;
  border:1px solid #494051 !important; border-radius:.75rem !important; outline:0 !important;
  background:var(--auth-input) !important; color:var(--auth-ink) !important; padding:.75rem 1rem !important; font-size:1rem !important; box-shadow:none !important;
}
.priviot-login-form input::placeholder,#root .priviot-login-recovery input::placeholder { color:#9e95ac; opacity:1; }
.priviot-login-form input:focus,#root .priviot-login-recovery input:focus { border-color:var(--priviot-auth-violet) !important; box-shadow:0 0 0 3px rgba(124,53,255,.18) !important; }
.priviot-password-heading { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-bottom:.375rem; }
.priviot-password-heading label { margin:0 !important; }
.priviot-recovery-toggle { min-height:2.75rem; padding:0; border:0; border-radius:.25rem; background:transparent; color:var(--priviot-auth-violet); font:inherit; font-size:.8125rem; cursor:pointer; }
.priviot-recovery-toggle:hover { text-decoration:underline; text-underline-offset:.2em; }
.priviot-password-field { position:relative; }
.priviot-password-field input { padding-right:3.5rem !important; }
.priviot-password-toggle { position:absolute; top:50%; right:.25rem; display:grid; width:2.75rem; height:2.75rem; padding:0; place-items:center; transform:translateY(-50%); border:0; border-radius:.5rem; background:transparent; color:var(--auth-muted); cursor:pointer; }
.priviot-password-toggle:hover { background:rgba(124,53,255,.1); color:var(--priviot-auth-violet); }
.priviot-password-toggle svg { width:1.25rem; height:1.25rem; fill:none; stroke:currentColor; stroke-width:1.7; }
.priviot-password-toggle [data-visibility-slash] { stroke-dasharray:1; stroke-dashoffset:1; opacity:0; transition:stroke-dashoffset 240ms cubic-bezier(.4,0,.2,1),opacity 80ms 160ms ease; }
.priviot-password-toggle[aria-pressed='true'] [data-visibility-slash] { stroke-dashoffset:0; opacity:1; transition-delay:0ms,0ms; }
.priviot-login-trust { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.1rem .5rem; align-items:center; }
.priviot-login-trust-choice { display:flex; align-items:center; gap:.65rem; width:fit-content; min-height:2.75rem; cursor:pointer; }
.priviot-login-trust-choice input { width:1.1rem; height:1.1rem; margin:0; accent-color:var(--priviot-auth-violet); }
.priviot-login-trust-choice strong { font-weight:500; }
.priviot-login-trust-hint { display:contents; }
.priviot-login-trust-hint small { grid-column:1/-1; grid-row:2; }
.priviot-login-trust-hint small,.priviot-login-trust-detail { color:var(--auth-muted); font-size:.78rem; line-height:1.5; }
.priviot-login-trust-why { grid-row:1; grid-column:2; min-height:2.75rem; padding:0 .2rem; border:0; background:transparent; font:inherit; font-size:.78rem; cursor:pointer; }
.priviot-login-trust-detail { grid-column:1/-1; margin:.4rem 0; }
#root .priviot-login-form button[type='submit'] { display:flex; width:100%; min-height:3rem !important; align-items:center; justify-content:center; margin:0 !important; padding:.75rem 1rem !important; border:1px solid #675575 !important; border-radius:.75rem !important; background:transparent !important; color:var(--auth-ink) !important; font-size:.95rem !important; font-weight:600 !important; cursor:pointer; box-shadow:none !important; transform:none !important; }
#root .priviot-login-form button[type='submit']:hover:not(:disabled) { border-color:var(--priviot-auth-violet) !important; background:rgba(124,53,255,.08) !important; }
.priviot-login-form button:disabled,.priviot-login-passkey-alternative button:disabled,#root .priviot-login-recovery button:disabled { cursor:wait; opacity:.65; }
.priviot-login-form [role='alert'],#root .priviot-login-recovery [data-error='true'],.priviot-login-passkey-alternative [data-error='true'] { padding:.75rem 1rem; border:1px solid #965969; border-radius:.65rem; background:#351b27; color:#ffd1da !important; font-size:.875rem; line-height:1.5; }

.priviot-login-passkey-alternative { display:grid !important; gap:.5rem !important; margin:0 0 .75rem !important; }
.priviot-login-passkey-alternative .login-passkey-button { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:.65rem !important; width:100%; min-height:3rem !important; padding:.75rem 1rem !important; border:1px solid var(--priviot-auth-violet) !important; border-radius:.75rem !important; background:var(--priviot-auth-violet) !important; color:#fff !important; font:inherit; font-size:.95rem; font-weight:600; cursor:pointer; box-shadow:none !important; transform:none !important; }
.priviot-login-passkey-alternative .login-passkey-button:hover { box-shadow:0 0 0 3px rgba(124,53,255,.2) !important; }
.priviot-login-passkey-alternative .login-passkey-button svg { width:1.25rem; height:1.25rem; flex:none; }
.priviot-login-passkey-alternative .login-auth-divider { display:flex !important; align-items:center !important; gap:.75rem !important; margin:.15rem 0 0 !important; color:var(--auth-muted) !important; font-size:.75rem !important; text-transform:none !important; letter-spacing:0 !important; }
.priviot-login-passkey-alternative .login-auth-divider::before,.priviot-login-passkey-alternative .login-auth-divider::after { content:''; height:1px; flex:1; background:var(--auth-line); }
.priviot-login-passkey-alternative .login-email-status { min-height:0; margin:0; color:var(--auth-muted); font-size:.8rem; line-height:1.5; }
.priviot-login-passkey-alternative .login-email-status:empty { display:none; }
#root .priviot-login-recovery { display:block; margin:0; padding:0; border:0; border-radius:0; background:none; }
#root .priviot-login-recovery summary { display:flex; width:fit-content; min-height:2.75rem; align-items:center; color:var(--priviot-auth-violet); font-size:.875rem; cursor:pointer; list-style:none; }
#root .priviot-login-recovery summary::-webkit-details-marker { display:none; }
#root .priviot-login-recovery[open] { margin-top:.75rem; padding-block:1rem; border-block:1px solid var(--auth-line); }
#root .priviot-login-recovery label { display:grid; gap:.5rem; margin-top:.5rem; }
#root .priviot-login-recovery .login-email-submit { min-height:2.75rem; margin-block:.75rem; background:var(--priviot-auth-violet); border:0; color:#fff; }
.priviot-login-register { margin:.5rem 0 0 !important; padding-top:.75rem; border-top:1px solid var(--auth-line); color:var(--auth-muted) !important; font-size:.875rem !important; text-align:center !important; }
.priviot-auth-language > a,.priviot-login-register a,.priviot-auth-footer a,.priviot-login-trust-why { color:var(--priviot-auth-violet) !important; text-decoration:none; border-radius:.25rem; }
.priviot-auth-language > a:hover,.priviot-login-register a:hover,.priviot-auth-footer a:hover,.priviot-login-trust-why:hover,#root .priviot-login-recovery summary:hover { text-decoration:underline; text-underline-offset:.2em; }
body.priviot-login-page a:focus-visible,body.priviot-login-page button:focus-visible,body.priviot-login-page summary:focus-visible { outline:2px solid var(--priviot-auth-violet) !important; outline-offset:4px; }
.priviot-login-trust input:focus-visible { outline:2px solid var(--priviot-auth-violet); outline-offset:4px; }

.priviot-auth-footer {
  display:flex; width:min(100%,80rem); margin-inline:auto; box-sizing:border-box;
  flex-direction:column; gap:.35rem; align-items:center; justify-content:center; padding:.5rem 1.25rem 1rem;
  border:0 !important; background:transparent !important; box-shadow:none !important;
  color:var(--auth-muted); font-size:.75rem;
}
.priviot-auth-products { display:flex; align-items:center; gap:.75rem; }
.priviot-auth-product { position:relative; display:block; width:2.15rem; height:2.15rem; overflow:hidden; border-radius:.62rem; }
.priviot-auth-products img { position:absolute; top:50%; left:50%; display:block; width:var(--priviot-auth-icon-source-size); height:var(--priviot-auth-icon-source-size); max-width:none; object-fit:contain; transform:translate(-50%,-50%); }
.priviot-auth-product--pdf { --priviot-auth-icon-source-size:2.65rem; }
.priviot-auth-product--write { --priviot-auth-icon-source-size:2.68rem; }
.priviot-auth-product--paste { --priviot-auth-icon-source-size:2.84rem; }
.priviot-auth-product--notes { --priviot-auth-icon-source-size:3.15rem; }
.priviot-auth-product--tasks { --priviot-auth-icon-source-size:2.58rem; }
.priviot-auth-motto { margin:0; color:var(--auth-muted); font-size:.875rem; line-height:1.5; }
.priviot-auth-footer nav { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:.25rem .75rem; }
.priviot-auth-footer a { display:inline-flex; align-items:center; min-height:2.75rem; }
/* One shared deck: fan out to choose, stack with the selected method in front. */
.priviot-method-heading { text-align:center !important; margin-bottom:1.5rem !important; }
.priviot-method-heading h1 { font-size:2rem !important; }
.priviot-method-back { display:inline-flex; align-items:center; gap:.5rem; min-height:2.75rem; margin-top:.5rem; padding:.25rem .5rem; border:0; border-radius:.5rem; background:transparent; color:var(--priviot-auth-violet); font:inherit; font-size:.875rem; cursor:pointer; transition:opacity 180ms ease; }
.priviot-method-back svg,.priviot-method-prompt svg { width:1.1rem; height:1.1rem; fill:none; stroke:currentColor; stroke-width:1.7; }
.priviot-method-back:hover:not(:disabled) { text-decoration:underline; text-underline-offset:.2em; }
.priviot-method-back:disabled { cursor:wait; opacity:.5; }
.priviot-login-panel[data-method='choice'] .priviot-method-back { visibility:hidden; opacity:0; }
.priviot-method-stage { --priviot-choice-height:20rem; --priviot-deck-duration:550ms; position:relative; width:100%; height:var(--priviot-deck-height,var(--priviot-choice-height)); margin-block:.75rem 2rem; transition:height var(--priviot-deck-duration) cubic-bezier(.4,0,.2,1); isolation:isolate; }
.priviot-method-stage .priviot-method-card { position:absolute !important; top:0; left:50%; width:min(24rem,calc((100% - 2rem)/2)) !important; max-width:none !important; height:100%; box-sizing:border-box; transform-origin:50% 60%; opacity:1 !important; scale:1; translate:0 0; transition:transform var(--priviot-deck-duration) cubic-bezier(.4,0,.2,1),width var(--priviot-deck-duration) cubic-bezier(.4,0,.2,1),border-color 180ms ease,box-shadow 240ms ease,opacity 0ms linear,scale 280ms cubic-bezier(.22,1,.36,1),translate 280ms cubic-bezier(.22,1,.36,1) !important; }
#root [data-priviot-method-host] { height:100%; border:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; opacity:1 !important; transition:none !important; }
.priviot-method-card--passkey { z-index:1; transform:translateX(calc(-100% - 1rem)) rotate(-4deg) !important; }
.priviot-method-card--password { z-index:1; transform:translateX(1rem) rotate(4deg) !important; }
/* Keep the chosen card above its sibling throughout the return animation. */
.priviot-method-stage[data-front='passkey'] .priviot-method-card--passkey,.priviot-method-stage[data-front='password'] .priviot-method-card--password { z-index:3 !important; }
.priviot-method-stage[data-method='choice'] .priviot-method-card:has(> .priviot-method-choice:enabled:focus-visible) { border-color:var(--priviot-auth-violet) !important; box-shadow:0 24px 64px #0007,0 0 0 1px #7c35ff30 !important; z-index:2; }
.priviot-method-stage[data-method='choice'] .priviot-method-card--passkey:has(> .priviot-method-choice:enabled:focus-visible) { scale:1.03 !important; translate:0 -8px !important; }
.priviot-method-stage[data-method='choice'] .priviot-method-card--password:has(> .priviot-method-choice:enabled:focus-visible) { scale:1.03 !important; translate:0 -8px !important; }
@media (hover:hover) and (pointer:fine) {
  .priviot-method-stage[data-method='choice'] .priviot-method-card:has(> .priviot-method-choice:enabled:hover) { border-color:var(--priviot-auth-violet) !important; box-shadow:0 24px 64px #0007,0 0 0 1px #7c35ff30 !important; z-index:2; }
  .priviot-method-stage[data-method='choice'] .priviot-method-card--passkey:has(> .priviot-method-choice:enabled:hover) { scale:1.03 !important; translate:0 -8px !important; }
  .priviot-method-stage[data-method='choice'] .priviot-method-card--password:has(> .priviot-method-choice:enabled:hover) { scale:1.03 !important; translate:0 -8px !important; }
}
.priviot-method-choice { display:flex; flex-direction:column; align-items:flex-start; width:100%; height:100%; box-sizing:border-box; padding:2rem; border:0; border-radius:inherit; background:transparent; color:var(--auth-ink); text-align:left; font:inherit; cursor:pointer; }
.priviot-method-icon { display:block; flex:none; width:3rem; height:3rem; background:var(--priviot-auth-violet); mask-position:center; mask-size:contain; mask-repeat:no-repeat; }
.priviot-method-icon--passkey { mask-image:url('/assets/security-icons/fingerprint.svg'); }
.priviot-method-icon--password { mask-image:url('/assets/security-icons/lock_closed.svg'); }
.priviot-method-title { max-width:14rem; margin-top:1.5rem; font-size:1.6rem; font-weight:600; line-height:1.2; letter-spacing:-.025em; }
.priviot-method-description { margin:.75rem 0 0; color:var(--auth-muted); font-size:.9375rem; line-height:1.55; }
.priviot-method-prompt { display:flex; align-items:center; gap:.5rem; margin-top:auto; padding-top:1rem; color:var(--priviot-auth-violet); font-size:.875rem; font-weight:500; }
.priviot-method-choice:disabled { cursor:not-allowed; }
.priviot-method-choice:disabled .priviot-method-icon { background:var(--auth-muted); }
.priviot-method-stage:not([data-method='choice']) .priviot-method-card { width:min(28rem,calc(100% - 2rem)) !important; transform:translateX(-50%) !important; background:var(--auth-input) !important; }
.priviot-method-stage:not([data-method='choice']) .priviot-method-card[aria-hidden='true'] { opacity:0 !important; pointer-events:none; transition-delay:0ms,0ms,0ms,0ms,var(--priviot-deck-duration),0ms,0ms !important; }
.priviot-method-stage[data-method='passkey'] .priviot-method-card--passkey,.priviot-method-stage[data-method='password'] .priviot-method-card--password { z-index:2; transform:translateX(-50%) !important; background:var(--auth-panel) !important; }
.priviot-method-body { box-sizing:border-box; animation:priviot-method-reveal 260ms 140ms both; }
.priviot-method-detail-heading { display:flex; align-items:center; gap:.75rem; margin:0 0 1.25rem; }
.priviot-method-detail-heading .priviot-method-icon { width:2rem; height:2rem; }
.priviot-method-detail-heading h2 { margin:0; font-size:1.3rem; line-height:1.3; font-weight:600; letter-spacing:-.02em; }
.priviot-method-detail-heading h2:focus { outline:none; }
.priviot-method-body > .priviot-method-description { margin:-.5rem 0 1.5rem; }
.priviot-method-body .priviot-login-passkey-alternative { margin:0 !important; }
.priviot-method-body .priviot-login-passkey-alternative .priviot-login-trust { margin-bottom:.75rem; }
.priviot-login-panel .priviot-method-register { display:flex; justify-content:center; margin:0 !important; padding:0; border:0; }
.priviot-register-tile { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; width:min(24rem,calc(100% - 2rem)); min-height:5rem; box-sizing:border-box; padding:1rem 1.25rem; border:1px solid var(--auth-line); border-radius:1rem !important; background:var(--auth-panel); text-align:left; transition:transform 280ms cubic-bezier(.22,1,.36,1),border-color 180ms ease,background 180ms ease,box-shadow 240ms ease; }
.priviot-register-copy { display:grid; gap:.2rem; }
.priviot-register-hint { color:var(--auth-muted); font-size:.8125rem; line-height:1.4; }
.priviot-register-title { color:var(--priviot-auth-violet); font-size:1rem; font-weight:600; line-height:1.4; }
.priviot-register-tile svg { width:1.25rem; height:1.25rem; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; }
.priviot-register-tile:focus-visible { border-color:var(--priviot-auth-violet); background:var(--auth-input); transform:translateY(-3px) scale(1.025); }
@media (hover:hover) and (pointer:fine) {
  .priviot-login-register a.priviot-register-tile:hover { border-color:var(--priviot-auth-violet); background:var(--auth-input); text-decoration:none; transform:translateY(-3px) scale(1.025); box-shadow:0 12px 32px #0005; }
  .priviot-register-tile:hover .priviot-register-title { text-decoration:underline; text-underline-offset:.2em; }
}
@keyframes priviot-method-reveal { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:640px) {
  .priviot-method-heading { margin-bottom:1rem !important; }
  .priviot-method-stage { --priviot-choice-height:18rem; margin-block:.5rem 2rem; }
  .priviot-method-choice { padding:1.4rem 1.15rem; }
  .priviot-method-icon { width:2.5rem; height:2.5rem; }
  .priviot-method-title { font-size:1.25rem; margin-top:1.25rem; }
  .priviot-method-description { font-size:.8125rem; }
  .priviot-method-prompt { font-size:.75rem; gap:.25rem; }
}
@media (max-width:360px) {
  .priviot-method-choice { padding:1.25rem .875rem; }
  .priviot-method-title { font-size:1.1rem; }
  .priviot-method-prompt { font-size:.6875rem; }
  .priviot-method-stage { --priviot-choice-height:19rem; }
}
@media (prefers-reduced-motion:reduce) {
  .priviot-method-stage,.priviot-method-stage[data-method] .priviot-method-card,.priviot-method-stage .priviot-method-body { transition:none !important; transition-duration:0s !important; animation:none !important; }
}
:root[data-reduced-motion='true'] .priviot-method-stage,:root[data-reduced-motion='true'] .priviot-method-card,:root[data-reduced-motion='true'] .priviot-method-body,:root[data-reduced-motion='true'] .priviot-register-tile,:root[data-reduced-motion='true'] .priviot-password-toggle [data-visibility-slash] { transition:none !important; transition-duration:0s !important; animation:none !important; }

/* Preserve native visibility despite legacy display utilities and passkey styles. */
body.priviot-login-page [hidden] { display:none !important; }
@media (max-width: 640px) {
  .priviot-auth-header { min-height:4.75rem; padding:.75rem 1.25rem; }
  .priviot-auth-brand img { width:8.3rem; }
  .priviot-login-shell { justify-content:flex-start !important; padding:1rem 1rem 1.5rem !important; }
  .priviot-login-card-inner { padding:1.5rem !important; }
  .priviot-auth-footer { padding:.5rem 1.5rem 1rem; flex-direction:column; gap:.25rem; text-align:center; }
}
@media (max-width: 360px) { .priviot-login-card-inner { padding:1.25rem !important; } }
@media (prefers-reduced-motion: reduce) { body.priviot-login-page *,body.priviot-login-page *::before,body.priviot-login-page *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

.priviot-login-noscript { width:min(100% - 2rem,30rem); margin:10vh auto; box-sizing:border-box; padding:2rem; border:1px solid var(--auth-line); border-radius:1.5rem; background:var(--auth-panel); }
.priviot-login-noscript h1 { margin:2rem 0 1rem; font-size:1.75rem; line-height:1.3; }
.priviot-login-noscript p { color:var(--auth-muted); line-height:1.7; }
.priviot-login-noscript > a:last-child { color:var(--priviot-auth-violet); display:inline-block; padding-block:1rem; }