/* ==========================================================================
   Custom overrides + registration modal for the static Futurist Conference copy
   ========================================================================== */

/* --- Horizontal overflow guard ------------------------------------------ */
html, body { overflow-x: hidden; }

/* ==========================================================================
   Registration modal
   ========================================================================== */
:root{
  --cw-bg:#04060f;
  --cw-panel:#0b1020;
  --cw-panel-2:#070b16;
  --cw-border:#1d2b4a;
  --cw-text:#f4f7ff;
  --cw-muted:#9fb0cf;
  --cw-accent:#df0088;
  --cw-accent-2:#044B94;
  --cw-error:#ff6b6b;
  --cw-radius:14px;
}

.cw-modal-overlay{
  position:fixed;
  inset:0;
  z-index:100000;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:24px 16px;
  background:rgba(2,4,10,.78);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease, visibility .2s ease;
}
.cw-modal-overlay.cw-open{
  opacity:1;
  visibility:visible;
}

.cw-modal{
  position:relative;
  width:100%;
  max-width:640px;
  margin:auto;
  background:var(--cw-panel);
  color:var(--cw-text);
  border:1px solid var(--cw-border);
  border-radius:var(--cw-radius);
  box-shadow:0 24px 80px rgba(0,0,0,.6);
  padding:36px 34px 30px;
  transform:translateY(16px) scale(.98);
  transition:transform .25s ease;
  font-family:"Poppins","Montserrat",Arial,sans-serif;
}
.cw-modal-overlay.cw-open .cw-modal{
  transform:translateY(0) scale(1);
}

.cw-modal-close{
  position:absolute;
  top:14px;
  right:16px;
  width:36px;
  height:36px;
  border:none;
  background:transparent;
  color:var(--cw-muted);
  font-size:28px;
  line-height:1;
  cursor:pointer;
  border-radius:8px;
  transition:background .15s ease, color .15s ease;
}
.cw-modal-close:hover{ background:rgba(255,255,255,.06); color:var(--cw-text); }

.cw-modal-title{
  margin:0 0 6px;
  font-size:28px;
  font-weight:700;
  color:#fff;
  line-height:1.2;
}
.cw-modal-sub{
  margin:0 0 22px;
  font-size:15px;
  color:var(--cw-muted);
  line-height:1.5;
}

.cw-field{ margin-bottom:20px; }
.cw-field > label,
.cw-group-label{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  font-weight:600;
  color:var(--cw-text);
  line-height:1.45;
}
.cw-req{ color:var(--cw-accent); }

.cw-field input[type="text"],
.cw-field input[type="tel"],
.cw-field input[type="email"]{
  width:100%;
  box-sizing:border-box;
  padding:12px 14px;
  background:var(--cw-panel-2);
  border:1px solid var(--cw-border);
  border-radius:10px;
  color:var(--cw-text);
  font-size:15px;
  font-family:inherit;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.cw-field input::placeholder{ color:#5f6f8c; }
.cw-field input:focus{
  outline:none;
  border-color:var(--cw-accent-2);
  box-shadow:0 0 0 3px rgba(4,75,148,.35);
}
.cw-field input.cw-invalid{
  border-color:var(--cw-error);
  box-shadow:0 0 0 3px rgba(255,107,107,.18);
}

.cw-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 18px;
}
.cw-check{
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:14px;
  font-weight:400;
  color:var(--cw-text);
  cursor:pointer;
  line-height:1.35;
}
.cw-check input{
  margin:2px 0 0;
  width:17px;
  height:17px;
  accent-color:var(--cw-accent);
  flex:0 0 auto;
  cursor:pointer;
}

.cw-error{
  display:block;
  margin-top:6px;
  font-size:12.5px;
  color:var(--cw-error);
  min-height:0;
}

.cw-form-status{
  margin:4px 0 14px;
  font-size:14px;
  color:var(--cw-error);
  min-height:0;
}

.cw-submit{
  display:inline-block;
  width:100%;
  padding:14px 20px;
  border:none;
  border-radius:10px;
  background:linear-gradient(135deg,var(--cw-accent),var(--cw-accent-2));
  color:#fff;
  font-size:16px;
  font-weight:700;
  font-family:inherit;
  cursor:pointer;
  transition:filter .15s ease, transform .05s ease;
}
.cw-submit:hover{ filter:brightness(1.1); }
.cw-submit:active{ transform:translateY(1px); }
.cw-submit:disabled{ opacity:.6; cursor:not-allowed; }

body.cw-modal-active{ overflow:hidden; }

/* Mobile */
@media (max-width:560px){
  .cw-modal{ padding:30px 20px 24px; }
  .cw-modal-title{ font-size:22px; }
  .cw-options{ grid-template-columns:1fr; }
}