/* styles/views/landing.css — extrait de styles.css L131-L167. .landing legacy + .mode-btn base. */

/* ================================== LANDING ======================= */
.mode-btn{
  position:relative;overflow:hidden;
  display:flex;align-items:center;gap:16px;
  background:var(--panel);
  border:1px solid var(--border-strong);
  border-radius:var(--r-card);
  padding:20px 24px;min-width:270px;cursor:pointer;
  color:var(--fg);text-align:left;
  backdrop-filter:blur(6px);
  box-shadow:var(--sh-card);
  transition:border-color .2s ease, transform .15s ease, box-shadow .25s ease;
}
/* Sweep highlight on hover */
.mode-btn::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg, rgba(0,255,200,.07) 0%, transparent 70%);
  transform:translateX(-100%);
  transition:transform .4s ease;pointer-events:none;
}
.mode-btn:hover::before{ transform:translateX(0); }
/* Top accent line */
.mode-btn::after{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg, var(--accent), transparent 80%);
  opacity:.3;pointer-events:none;
}
.mode-btn:hover{
  border-color:var(--accent);
  transform:translateY(-3px);
  box-shadow:
    0 0 0 1px rgba(0,255,200,.06),
    0 12px 40px rgba(0,255,200,.12),
    inset 0 0 40px rgba(0,255,200,.03);
}
.mode-btn:active{ transform:translateY(0); }