@import url("https://fonts.googleapis.com/css2?family=Inter:wght@800;900&family=JetBrains+Mono:wght@500;700&display=swap");
/* kinetic-auth.css — Kinetic v3 for login / register / forgot / reset (same language as the app + s3eidat.com).
   Only applies with html.skin2 (on by default; ?skin=off opts a browser out). */
html.skin2 { --k-mint: #22d3a6; --k-ink: #0a0d0b; --k-mono: 'JetBrains Mono', ui-monospace, monospace; }
html.skin2 body::after { content: ''; position: fixed; inset: 0; pointer-events: none; z-index: 1; opacity: .07; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
html.skin2 .card-title { font-family: 'Inter', sans-serif; font-weight: 900; letter-spacing: -.05em; font-size: 34px; line-height: 1; }
html.skin2 .brand-name { font-family: 'Inter', sans-serif; font-weight: 900; letter-spacing: -.04em; }
html.skin2 .field-label { font-family: var(--k-mono); font-weight: 700; letter-spacing: .12em; font-size: 11.5px; }
html.skin2 .card { border-radius: 30px; }
html.skin2 .submit-btn { background: var(--k-mint); color: var(--k-ink); font-weight: 800; box-shadow: 0 14px 34px -16px rgba(34, 211, 166, .75); }
html.skin2 .submit-btn:hover { background: var(--k-mint); filter: brightness(1.06); }
html.skin2 .card-footer a { color: inherit; text-decoration: underline; text-decoration-color: var(--k-mint); text-decoration-thickness: 3px; text-underline-offset: 4px; }
html.skin2[data-theme="light"] body { background:
  radial-gradient(40% 30% at 12% 8%, #c9f2e1 0%, transparent 70%), radial-gradient(38% 30% at 92% 22%, #dcd8fa 0%, transparent 70%),
  radial-gradient(40% 32% at 20% 75%, #f8efc2 0%, transparent 72%), radial-gradient(40% 32% at 85% 85%, #f8d6d8 0%, transparent 72%), #f4f6f0; background-attachment: fixed; min-height: 100vh; }
html.skin2[data-theme="light"] body::before { display: none; }
html.skin2[data-theme="light"] .card { box-shadow: 0 1px 2px rgba(10, 13, 11, .05), 0 40px 90px -46px rgba(10, 13, 11, .5); }