:root{--bg:#000;--panel:#121212;--ink:#fff;--muted:#a7a7a7;--brand:#ffcc33;--brand-ghost:#665200;--ring:#2a2a2a;--ok:#22c55e;--err:#ef4444;--radius:16px;--gap:18px; --accent: #ffc928;  --accent-soft: rgba(255, 201, 40, .18);}
.contact-hero{padding:clamp(18px,6vw,30px) 16px 0;color:var(--ink);margin:0 0 30px auto}
.contact-hero h1{font-size:clamp(36px,4.2vw,52px);margin:0 0 8px}
.contact-hero .kicker{color:var(--muted)}
.contact-wrap{color:var(--ink);max-width:80%; margin: 0 auto; text-align: left;}
@media (max-width:900px){
	.contact-wrap{grid-template-columns:1fr}
}
.contact-aside h3{margin:0 0 12px;color:var(--brand)}
.bullets{margin:0;padding-left:18px}
.bullets li{line-height:1.8}
.contact-form{background:var(--panel);border:1px solid var(--ring);border-radius:var(--radius);padding:clamp(18px,3.6vw,28px);box-shadow:0 30px 60px rgba(0,0,0,.35); margin: 0 auto;}
.segmented{display:inline-grid;grid-auto-flow:column;gap:8px;margin:2px 0 18px;padding:6px;background:#0d0d0d;border-radius:999px}
.segmented input{display:none}
.segmented label{padding:10px 16px;border-radius:999px;color:var(--ink);cursor:pointer;border:1px solid transparent}
.segmented input:checked + label{background:var(--brand);color:#000;border-color:var(--brand-ghost)}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}
@media (max-width:700px){
	.grid{grid-template-columns:1fr}
}
.field{display:grid;gap:8px;margin-bottom:var(--gap)}
.field span{color:var(--muted)}
.field input,.field textarea{max-width:100%;padding:12px 14px;background:#0b0b0b;color:var(--ink);border:1px solid var(--ring);border-radius:10px;outline:none;transition:border .2s,box-shadow .2s}
.field input:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(255,204,51,.2)}
.hint{color:var(--muted);text-align:right}
.check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin:8px 0 6px}
.check input{transform:translateY(3px)}
.actions{display:flex;align-items:center;gap:16px;margin-top:10px}
.actions .btn{display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      border: none;
	  width: 100%;
	  max-width: 100%;
      cursor: pointer;
      padding: 12px 32px;
      font-size: 14px;
      font-weight: 600;
      letter-spacing: .03em;
      text-transform: none;
      transition:
        transform var(--transition-fast),
        box-shadow var(--transition-fast),
        background-color var(--transition-fast),
        color var(--transition-fast);
		}
.btn.primary{ background: linear-gradient(135deg, #ffdc56, var(--accent)); color: #1b1200; box-shadow:0 14px 30px rgba(0,0,0,.85), 0 0 0 1px rgba(255,255,255,.05);}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.btn-spinner{width:16px;height:16px;border:2px solid #000;border-right-color:transparent;border-radius:50%;display:none;animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(1turn)}
}.status{min-height:22px;color:var(--muted)}
.status.ok{color:var(--ok)}
.status.err{color:var(--err)}
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
  }
  .popup-box {
    background: #111;
    color: #fff;
    border-radius: 16px;
    max-width: 380px;
    width: 90%;
    padding: 28px 24px 22px;
    text-align: center;
    font-family: "Segoe UI", Arial, sans-serif;
    box-shadow: 0 12px 40px rgba(0,0,0,0.6);
    border: 1px solid #222;
  }
  .popup-box h3 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #ffc72c;
    letter-spacing: 0.5px;
  }
  .popup-box p {
    margin: 0 0 20px;
    font-size: 14px;
    color: #ddd;
    line-height: 1.5;
  }
  .popup-box button {
    background: #ffc72c;
    color: #000;
    border: none;
    border-radius: 999px;
    font-weight: 600;
    padding: 10px 32px;
    cursor: pointer;
    font-size: 14px;
    transition: background 0.2s ease;
  }
  .popup-box button:hover {
    background: #ffda5e;
  }