/* Adapted from Liquid Glass UI Kit by Margarita (2026), MIT.
   Original: @reference/pure-css-glassmorphism-liquid-glass-ui-kit/src/style.css
   License: LICENSE-liquid-glass.txt. Brand typography is defined separately. */
:root {
  --glass-white: rgba(255,255,255,.08);
  --glass-border: rgba(164,222,255,.23);
  --blur-md: blur(18px);
  --shadow-glass: 0 8px 32px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.22);
  --reflection-top: linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0) 50%);
  --reflection-inner: inset 0 1px 1px rgba(255,255,255,.45),inset 0 -1px 1px rgba(0,0,0,.1);
  --accent-aqua: #70f1e2;
}
.glass { position:relative; background:var(--glass-white); border:1px solid var(--glass-border); box-shadow:var(--shadow-glass); backdrop-filter:var(--blur-md); -webkit-backdrop-filter:var(--blur-md); }
.glass::before { content:""; position:absolute; inset:0; background:var(--reflection-top); pointer-events:none; border-radius:inherit; }
.glass-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:17px 26px; border-radius:12px; cursor:pointer; font:600 14px var(--font-readable); color:white; text-decoration:none; transition:transform .25s,box-shadow .25s,background .25s; }
.glass-btn::before { content:""; position:absolute; inset:0; border-radius:inherit; background:var(--reflection-top); pointer-events:none; }
.glass-btn--primary { color:#032b43; background:linear-gradient(135deg,#9cf5e8,#52ccea); border:1px solid #b7fff1; box-shadow:0 4px 28px #48e5e333,var(--reflection-inner); }
.glass-btn--primary:hover { box-shadow:0 8px 36px #5ee7df66,var(--reflection-inner); transform:translateY(-3px); }
.glass-btn--ghost { background:var(--glass-white); border:1px solid var(--glass-border); box-shadow:var(--shadow-glass); backdrop-filter:var(--blur-md); -webkit-backdrop-filter:var(--blur-md); }
.glass-btn--ghost:hover { background:rgba(255,255,255,.16); transform:translateY(-3px); }
.glass-btn:active { transform:scale(.97); }
@supports not (backdrop-filter:blur(1px)) { .glass,.glass-btn--ghost { background:#103450; } }
@media (prefers-reduced-motion:reduce) { .glass-btn { transition:none; } }