:root{
  --blue:#1f8cff;
  --orange:#ff8a00;
  --dark:#050814;
  --glass:rgba(255,255,255,.08);
}



/* ===== BACKGROUND ===== */
.mesh{
  position:fixed;inset:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(31,140,255,.35), transparent 45%),
    radial-gradient(circle at 80% 25%, rgba(255,138,0,.30), transparent 45%),
    linear-gradient(180deg,#03040a,#070b18);
  animation:mesh 30s ease-in-out infinite alternate;
  z-index:-10;
}
@keyframes mesh{to{filter:hue-rotate(30deg)}}

.grid{
  position:fixed;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:70px 70px;
  animation:grid 60s linear infinite;
  z-index:-9;
}

/* ===== GLASS ===== */
.glass-card{
  background:var(--glass);
  backdrop-filter:blur(22px);
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 15px 45px rgba(0,151,252,.25);
  padding:22px;
  margin-bottom:28px;
  position: relative;
  z-index: 10;
}

/* ===== BUTTON ===== */
.btn-main{
  background:linear-gradient(135deg,var(--blue),var(--orange));
  border:none;color:#fff;
  font-weight:600;
  padding:10px 18px;
  border-radius:10px;
  box-shadow:0 0 25px rgba(31,140,255,.45);
  transition:.3s;
}
.btn-main:hover{
  transform:translateY(-2px);
  box-shadow:0 0 35px rgba(255,138,0,.6);
}

/* ===== INPUT ===== */
input,textarea,select{
  background:rgba(0,0,0,.35)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  color:#fff!important;
}
input:focus,textarea:focus{
  border-color:var(--blue)!important;
  box-shadow:0 0 0 1px var(--blue),0 0 15px rgba(31,140,255,.4);
}
