/* assets/css/neu-glass.css — Sistem Desain Multi-Color Neu-Glass, Bayangan 3D & Efek Kaca Buram */
:root {
  --neu-bg: #EAF0F8;
  --neu-shadow-dark: rgba(163, 177, 198, 0.65);
  --neu-shadow-light: rgba(255, 255, 255, 0.95);
  --glass-surface: rgba(255, 255, 255, 0.74);
  --glass-border: rgba(255, 255, 255, 0.88);
}

* {
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
  background-color: var(--neu-bg);
  background-image:
    radial-gradient(at 8% 12%, rgba(16, 185, 129, 0.18) 0px, transparent 42%),
    radial-gradient(at 92% 15%, rgba(245, 158, 11, 0.18) 0px, transparent 40%),
    radial-gradient(at 85% 85%, rgba(99, 102, 241, 0.18) 0px, transparent 45%),
    radial-gradient(at 15% 88%, rgba(244, 63, 94, 0.14) 0px, transparent 40%);
  background-attachment: fixed;
  color: #1E293B;
  overflow-x: hidden;
}

.neu-glass {
  background: var(--glass-surface);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1.5px solid var(--glass-border);
  border-radius: 24px;
  box-shadow:
    10px 10px 24px var(--neu-shadow-dark),
    -10px -10px 24px var(--neu-shadow-light),
    inset 0 1px 2px rgba(255, 255, 255, 0.9);
}

.neu-inset {
  background: rgba(234, 240, 248, 0.80);
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 18px;
  box-shadow:
    inset 6px 6px 14px rgba(163, 177, 198, 0.55),
    inset -6px -6px 14px rgba(255, 255, 255, 0.92);
}

.neu-btn {
  background: rgba(255, 255, 255, 0.85);
  border: 1.5px solid rgba(255, 255, 255, 0.95);
  border-radius: 16px;
  box-shadow:
    6px 6px 14px rgba(163, 177, 198, 0.55),
    -6px -6px 14px rgba(255, 255, 255, 0.95);
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.neu-btn:hover {
  transform: translateY(-3px);
  box-shadow:
    8px 10px 18px rgba(163, 177, 198, 0.65),
    -6px -6px 16px rgba(255, 255, 255, 1);
}

.neu-btn:active {
  transform: translateY(1px);
  box-shadow:
    inset 4px 4px 8px rgba(163, 177, 198, 0.55),
    inset -4px -4px 8px rgba(255, 255, 255, 0.9);
}