:root{
  --text:#e5e7eb;
  --muted:#9ca3af;
  --accent:#22c55e;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}

body{
  /* If you keep spaces in the filename, use %20 (recommended to rename file) */
  background:
    linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
    url("./myPics/the_louve.jpg") center / cover no-repeat fixed;
}

.wrap{min-height:100%;display:grid;place-items:center;padding:18px}

.card{
  width:min(520px,100%);
  background: rgba(15,23,42,.72);
  border:1px solid rgba(148,163,184,.32);
  border-radius:18px;
  padding:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}

.title{margin:0 0 6px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.sub{margin:0 0 14px;color:rgba(229,231,235,.9)}

.lbl{display:block;margin:10px 0 6px;font-size:.9rem}

.inp{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.35);
  background:rgba(15,23,42,.82);
  color:var(--text);
  outline:none;
  font-size:1rem;
}
.inp:focus{border-color:rgba(34,197,94,.8);box-shadow:0 0 0 3px rgba(34,197,94,.15)}

.row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.btn{
  flex:1 1 180px;
  border:0;
  cursor:pointer;
  padding:12px 14px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.04em;
  background:radial-gradient(circle at top left,#4ade80,#22c55e);
  color:#022c22;
}
.btn.secondary{background:rgba(15,23,42,.9);color:var(--text);border:1px solid rgba(148,163,184,.35)}

.msg{
  display:none;
  margin:10px 0 0;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.25);
  background:rgba(15,23,42,.55);
  font-size:.92rem;
}
.msg.error{border-color:rgba(239,68,68,.35);background:rgba(127,29,29,.22)}

.fine{margin:14px 0 0;font-size:.85rem;color:rgba(156,163,175,.9);line-height:1.35}

.smallrow{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}
.linkbtn{
  display:inline-block;
  padding:10px 12px;
  border-radius:999px;
  text-decoration:none;
  border:1px solid rgba(133,4,7,.35);
  color:var(--text);
  background:rgba(124,2,41,.65);
}

.about{
  margin: 10px 0 6px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.25);
  background: rgba(15,23,42,.55);
}
.about p{
  margin: 0 0 10px;
  line-height: 1.45;
  color: rgba(229,231,235,.95);
  font-size: .95rem;
}
.about p:last-child{ margin-bottom: 0; }