@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@600&display=swap');

:root {
  --brand: #6366F1;
  --brand-light: #EEF2FF;
  --brand-mid: #C7D2FE;
  --white: #FFFFFF;
  --border: #E4E7EE;
  --text: #131720;
  --sub: #6B7280;
  --muted: #9CA3AF;
}

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

body {
  color: #131720;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  min-height: 100vh;
  background-image: url('https://images.unsplash.com/photo-1614850715649-1d0106293bd1?w=1200&q=85');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(238, 242, 255, 0.82);
  backdrop-filter: blur(2px);
  z-index: 0;
}



input {
  background: #fff; border: 1.5px solid #E4E7EE; color: #131720;
  border-radius: 10px; padding: 13px 16px; font-size: 15px;
  font-family: inherit; outline: none; transition: border-color .15s, box-shadow .15s; width: 100%;
}
input:focus { border-color: #6366F1; box-shadow: 0 0 0 3px rgba(99,102,241,.12); }
input::placeholder { color: #9CA3AF; }
input[type="checkbox"] { width: auto; }

@keyframes confetti-fall {
  0%   { transform: translateY(0) rotate(0deg); opacity: 1; }
  100% { transform: translateY(100vh) rotate(720deg); opacity: 0; }
}
@keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }
@keyframes slide-up { from { opacity:0; transform:translateY(12px) } to { opacity:1; transform:none } }
@keyframes pop { 0%{transform:scale(.95);opacity:0} 100%{transform:scale(1);opacity:1} }
@keyframes scan-sweep { 0%{top:15%} 100%{top:80%} }