/* Armadillo Digital Custom Theme */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Outfit:wght@300;600;900&display=swap');

body, #uyeolgirisbody {
  background: #0a0e1a !important;
  font-family: 'Inter', sans-serif !important;
}

/* Sfondo con glow radiale */
#uyeolgiris {
  background-color: #0a0e1a !important;
  background-image:
    radial-gradient(ellipse at 20% 50%, rgba(210,100,30,0.08) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 20%, rgba(0,160,176,0.06) 0%, transparent 50%) !important;
  background-size: cover !important;
}

video#bgvid { display: none !important; }

/* Pannello sinistro */
.uyeolgirisslogan-con {
  background: linear-gradient(135deg, rgba(210,100,30,0.12), rgba(0,160,176,0.06)) !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(10px) !important;
}

/* Card principale - glassmorphism */
.uyeol {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 20px !important;
  box-shadow:
    0 25px 50px rgba(0,0,0,0.6),
    0 0 0 1px rgba(255,255,255,0.04),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
  backdrop-filter: blur(20px) !important;
  color: #f0f0f0 !important;
  animation: fadeInUp 0.6s ease both !important;
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.signupcon {
  background: transparent !important;
  padding: 30px !important;
}

/* Testi */
.uyeol *, .signupcon * { color: #f0f0f0 !important; }
.uyeol h2, .uyeol h3, .uyeol h4 { font-family: 'Outfit', sans-serif !important; font-weight: 600 !important; }
#uyeolgiris p { color: #7a8a9a !important; font-size: 0.9rem !important; }

/* Input con glow al focus */
#uyeolgiris input[type=text],
#uyeolgiris input[type=password],
#uyeolgiris input[type=email] {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  color: #f0f0f0 !important;
  padding: 12px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  transition: all 0.3s !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
#uyeolgiris input:focus {
  border-color: #D2641E !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(210,100,30,0.15), 0 0 20px rgba(210,100,30,0.1) !important;
  background: rgba(255,255,255,0.07) !important;
}

/* Bottone con gradient e glow */
.signin-signup-foot-btn button,
#uyeolgiris .gonderbtn,
#uyeolgiris .btn,
#uyeolgiris button[type=button],
#uyeolgiris button[type=submit] {
  background: linear-gradient(135deg, #D2641E, #b8541a) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 20px rgba(210,100,30,0.4), inset 0 1px 0 rgba(255,255,255,0.15) !important;
  transition: all 0.3s !important;
  cursor: pointer !important;
}
.signin-signup-foot-btn button:hover,
#uyeolgiris .gonderbtn:hover,
#uyeolgiris .btn:hover {
  box-shadow: 0 8px 30px rgba(210,100,30,0.6), inset 0 1px 0 rgba(255,255,255,0.2) !important;
  transform: translateY(-2px) !important;
  background: linear-gradient(135deg, #e0701f, #D2641E) !important;
}

/* Link */
.sifreunuttulink, .createnewaccountlink { color: #7a8a9a !important; transition: color 0.2s !important; }
.sifreunuttulink:hover, .createnewaccountlink:hover { color: #00a0b0 !important; }
.clientcopyright, .clientcopyright a { color: rgba(255,255,255,0.2) !important; font-size: 0.75rem !important; }

/* Separatori */
#uyeolgiris .line, #uyeolgiris hr { border-color: rgba(255,255,255,0.06) !important; }

/* Titolo Area Clienti */
#uyeolgiris h2:first-child, .area-title {
  font-family: 'Outfit', sans-serif !important;
  font-size: 1.8rem !important;
  font-weight: 900 !important;
  background: linear-gradient(135deg, #f0f0f0, #7a8a9a) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Cookie popup */
#mio-cookie-popup .mio-cookie-popup__card {
  background: #1a2035 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 12px !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 5px; background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.08); border-radius: 3px; }

/* Placeholder */
::placeholder { color: rgba(255,255,255,0.25) !important; }
::-webkit-input-placeholder { color: rgba(255,255,255,0.25) !important; }


/* Pannello sinistro - rimuovi sfondo dal contenitore esterno */
.uyeolgirisslogan {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Arrotonda solo il box interno con il contenuto */
.uyeolgirisslogan-con {
  border-radius: 20px !important;
  background: linear-gradient(135deg, rgba(210,100,30,0.1), rgba(0,160,176,0.05)) !important;
  border: 1px solid rgba(210,100,30,0.2) !important;
  box-shadow: 0 0 40px rgba(210,100,30,0.08), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(10px) !important;
  padding: 35px !important;
}