@import "https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css";

/* --- Winter Canvas Background --- */
.snowball-auth-bg {
  background: linear-gradient(180deg, #e0f2fe 0%, #f0f9ff 40%, #ffffff 100%);
  position: relative;
  overflow: hidden;
}

/* Background Snow Dots Overlay (Pushed to Z-Index 0) */
.snowball-auth-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, 0.8) 2px, transparent 2px);
  background-size: 32px 32px;
  pointer-events: none;
  opacity: 0.6;
  z-index: 0;
}

/* Main Canvas Content Layer (Elevated Above Dots) */
.snowball-auth-content {
  position: relative;
  z-index: 10;
}

/* --- Card Shadow & Borders --- */
.auth-card-container {
  background: #ffffff;
  border: 1px solid rgba(226, 232, 240, 0.8);
  box-shadow: 0 20px 40px -15px rgba(6, 78, 59, 0.07), 0 0 15px rgba(0, 0, 0, 0.03);
  position: relative;
  z-index: 10;
}

/* --- Dark Emerald Accent Colors --- */
.bg-emerald-main {
  background-color: #064e3b;
}

.bg-emerald-main:hover {
  background-color: #043e2f;
}

.text-emerald-main {
  color: #064e3b;
}

.border-emerald-main {
  border-color: #064e3b;
}

/* --- Input Fields --- */
.auth-input {
  transition: all 0.2s ease-in-out;
  border: 1px solid #e2e8f0;
}

.auth-input:focus {
  border-color: #064e3b;
  box-shadow: 0 0 0 3px rgba(6, 78, 59, 0.12);
  outline: none;
}

/* --- Language Selector Segmented Control --- */
.lang-pill-container {
  background-color: #f8fafc;
  border: 1px solid #f1f5f9;
  border-radius: 9999px;
  padding: 4px;
}

.lang-btn {
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  border-radius: 9999px;
  transition: all 0.2s ease;
}

.lang-btn.active {
  background-color: #e6f4f1;
  color: #064e3b;
  font-weight: 600;
}

/* --- Collapsible Accordion --- */
.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease-in-out;
  opacity: 0;
}

.collapsible-content.expanded {
  max-height: 400px;
  opacity: 1;
}

/* --- Natural Document Scrolling Overrides (Fixes Cutoff Submit Button) --- */
html, body {
  min-height: 100% !important;
  height: auto !important;
  overflow-y: auto !important;
}

.snowball-auth-bg {
  min-height: 100vh !important;
  height: auto !important;
  overflow-y: auto !important;
}

.snowball-auth-content {
  min-height: auto !important;
  overflow: visible !important;
}