/* ─── BORDER ANIMATION ───────────────────────────────────────────────── */
@keyframes rotateBorder{to{--angle:360deg}}

/* ─── GLASS CARD ─────────────────────────────────────────────────────── */
.glass-card{
  background:rgba(255,255,255,0.02);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:32px;position:relative;
  transition:border-color 0.35s,transform 0.35s,box-shadow 0.35s;
  cursor:default;
}
.glass-card::after{
  content:'';position:absolute;inset:-1px;
  border-radius:var(--radius);
  background:conic-gradient(
    from var(--angle),
    transparent 60%,
    rgba(212,168,67,0.18) 75%,
    rgba(240,192,96,0.14) 88%,
    transparent
  );
  opacity:0;z-index:-1;
  transition:opacity 0.5s ease;
  pointer-events:none;
}
.glass-card:hover{
  border-color:rgba(212,168,67,0.18);
  transform:translateY(-6px);
  box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 30px rgba(212,168,67,0.04);
}
.glass-card:hover::after{opacity:1;animation:rotateBorder 5s linear infinite}

/* ─── CARD ICON ──────────────────────────────────────────────────────── */
.card-icon{
  width:48px;height:48px;border-radius:14px;
  background:rgba(212,168,67,0.08);border:1px solid rgba(212,168,67,0.15);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;
}
.card-icon svg{
  width:22px;height:22px;
  stroke:var(--gold);fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}

/* ─── BUTTONS ────────────────────────────────────────────────────────── */
.btn-primary{
  font-size:0.875rem;font-weight:600;
  padding:12px 26px;border-radius:var(--radius-pill);
  background:linear-gradient(135deg,var(--gold),var(--gold-bright));
  color:#000;border:none;cursor:pointer;
  position:relative;overflow:hidden;
  transition:box-shadow 0.3s,transform 0.3s;
  white-space:nowrap;display:inline-block;
}
.btn-primary::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.3) 50%,transparent 60%);
  transform:translateX(-100%);transition:transform 0.6s;
}
.btn-primary:hover{
  box-shadow:0 0 30px var(--gold-glow),0 0 60px rgba(212,168,67,0.15);
  transform:translateY(-1px);
}
.btn-primary:hover::after{transform:translateX(100%)}

.btn-ghost{
  font-size:0.875rem;font-weight:600;
  padding:12px 26px;border-radius:var(--radius-pill);
  background:transparent;
  border:1px solid rgba(255,255,255,0.14);
  color:var(--text);cursor:pointer;
  transition:background 0.25s,border-color 0.25s,transform 0.25s;
  white-space:nowrap;display:inline-block;
}
.btn-ghost:hover{
  background:rgba(255,255,255,0.05);
  border-color:rgba(255,255,255,0.24);
  transform:translateY(-1px);
}

.btn-nav-cta{
  font-size:0.8rem;font-weight:700;
  padding:9px 20px;border-radius:var(--radius-pill);
  background:#fff;color:#000;border:none;cursor:pointer;
  display:inline-flex;align-items:center;gap:5px;
  transition:background 0.25s,transform 0.2s;
  white-space:nowrap;
}
.btn-nav-cta:hover{background:#e8e8e8;transform:translateY(-1px)}

.btn-submit{width:100%;padding:14px;font-size:1rem;border-radius:var(--radius-sm);margin-top:4px}

/* ─── LANGUAGE TOGGLE ────────────────────────────────────────────────── */
.lang-toggle{
  display:flex;align-items:center;gap:2px;
  background:rgba(255,255,255,0.04);
  border:1px solid var(--border);
  border-radius:var(--radius-pill);padding:3px;cursor:pointer;
}
.lang-btn{
  font-size:0.72rem;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);
  transition:background 0.25s,color 0.25s;color:var(--text-muted);
  border:none;background:none;cursor:pointer;
}
.lang-btn.active{background:rgba(212,168,67,0.18);color:var(--gold)}

/* ─── FORMS ──────────────────────────────────────────────────────────── */
.form-group{margin-bottom:18px}
.form-group label{
  display:block;font-size:0.72rem;font-weight:600;
  color:var(--text-muted);margin-bottom:6px;
  letter-spacing:0.1em;text-transform:uppercase;
}
.form-group input,
.form-group select,
.form-group textarea{
  width:100%;background:rgba(255,255,255,0.03);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);padding:12px 16px;
  color:var(--text);font-family:var(--font-body);font-size:0.9rem;
  transition:border-color 0.25s,box-shadow 0.25s;outline:none;
  -webkit-appearance:none;appearance:none;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
  border-color:rgba(212,168,67,0.4);
  box-shadow:0 0 0 3px rgba(212,168,67,0.07);
}
.form-group textarea{resize:vertical;min-height:120px}
.form-group select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235a5a7a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;
}
.form-group select option{background:#0a0a0a;color:var(--text)}
.field-error{color:#f87171;font-size:0.78rem;margin-top:4px}
#formMsg{margin-top:14px;font-size:0.85rem;text-align:center;display:none}