/* ── contact.css — CSS spécifique à la page Contact ── */

:root{
  --surface:rgba(255,255,255,.03);
  --border:rgba(255,255,255,.08);
}

/* ── VIDEO BG ── */
.video-wrap{
  position:fixed;inset:0;z-index:0;overflow:hidden;
}
.video-wrap video{
  width:100%;height:100%;object-fit:cover;
  filter:brightness(.45) saturate(1.1);
}
.video-wrap::after{
  content:'';position:absolute;inset:0;
  background:
    linear-gradient(to bottom,rgba(2,8,23,.3) 0%,rgba(2,8,23,.1) 30%,rgba(2,8,23,.7) 80%,rgba(2,8,23,.95) 100%),
    linear-gradient(to right,rgba(2,8,23,.5) 0%,transparent 60%);
}

/* ── PAGE ── */
.page{
  position:relative;z-index:2;
  padding-top:80px;min-height:100vh;
  display:flex;flex-direction:column;
}

/* ── WRAP ── */
.contact-wrap{
  flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;
  max-width:1200px;width:100%;margin:0 auto;padding:32px 60px;
}

/* ── LEFT : texte + infos ── */
.contact-left{padding-right:72px;display:flex;flex-direction:column;}
.contact-label{
  font-family:'Cormorant Garamond',serif;font-style:italic;
  font-size:13px;color:rgba(96,165,250,.65);letter-spacing:.1em;margin-bottom:14px;
}
.contact-title{
  font-family:'Outfit',sans-serif;font-weight:800;
  font-size:clamp(32px,3.5vw,52px);letter-spacing:-.03em;line-height:1.05;
  color:var(--white);margin-bottom:14px;
}
.contact-title span{
  background:linear-gradient(135deg,#60a5fa,#a5b4fc 60%,#22d3ee);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.contact-desc{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:28px;max-width:380px;}

.contact-infos{display:flex;flex-direction:column;gap:10px;}
.contact-info-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;border-radius:14px;
  background:var(--surface);border:1px solid var(--border);
  transition:border-color .25s;
}
.contact-info-item:hover{border-color:rgba(96,165,250,.25);}
.info-icon{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.15);
  display:grid;place-items:center;
}
.info-icon svg{width:16px;height:16px;stroke:#60a5fa;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.info-text{display:flex;flex-direction:column;gap:2px;}
.info-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(200,220,255,.35);}
.info-val{font-size:14px;font-weight:500;color:var(--white);}

/* ── RIGHT : formulaire ── */
.contact-right{
  background:rgba(255,255,255,.02);
  border:1px solid var(--border);
  border-radius:24px;padding:36px;
  display:flex;flex-direction:column;gap:16px;
}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-group{display:flex;flex-direction:column;gap:7px;}
.form-group.full{grid-column:1/-1;}
.form-label{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:rgba(200,220,255,.45);}
.form-input,
.form-select,
.form-textarea{
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  border-radius:12px;
  color:var(--white);
  font-family:'Inter',sans-serif;
  font-size:14px;
  padding:11px 14px;
  outline:none;
  transition:border-color .2s,box-shadow .2s;
  width:100%;
}
.form-input::placeholder,
.form-textarea::placeholder{color:rgba(200,220,255,.25);}
.form-input:focus,
.form-select:focus,
.form-textarea:focus{
  border-color:rgba(96,165,250,.5);
  box-shadow:0 0 0 3px rgba(96,165,250,.08);
}
.form-select{
  cursor:pointer;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(200,220,255,.4)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  padding-right:40px;
}
.form-select option{background:#0d1a2e;color:var(--white);}
.form-textarea{resize:vertical;min-height:100px;line-height:1.6;}
.form-submit{
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;padding:13px 28px;border-radius:100px;border:none;cursor:pointer;
  background:var(--cyan);color:#020c14;
  font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em;
  box-shadow:0 0 28px rgba(96,165,250,.35);
  transition:box-shadow .2s,transform .2s;
}
.form-submit:hover{box-shadow:0 0 45px rgba(96,165,250,.55);transform:translateY(-2px)}
.form-submit svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}
.form-note{font-size:12px;color:rgba(200,220,255,.3);text-align:center;line-height:1.5;}

@media(max-width:900px){
  .contact-wrap{grid-template-columns:1fr;padding:40px 24px 60px;}
  .contact-left{padding-right:0;margin-bottom:40px;}
  .contact-desc{max-width:100%;}
}
@media(max-width:560px){
  .form-row{grid-template-columns:1fr}
  nav{padding:0 20px}
}