:root {
    color-scheme: dark;
    --bg:#070707; --panel:rgba(10,10,10,.94); --panel-soft:rgba(18,18,18,.86);
    --field:rgba(0,0,0,.08); --field-hover:#15171a; --border:#3b1a1a; --border-bright:#822525;
    --red:#e52b22; --text:#f2f2f2; --muted:#969696;
}
* { box-sizing:border-box; }
html { min-height:100%; background:#000; }

body {
    margin:0; min-height:100vh; overflow-x:hidden; overflow-y:auto; padding:42px 18px 70px;
    background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,.70)),
               url('/industrialbg.png') center center/cover fixed no-repeat,var(--bg);
    color:var(--text); font-family:Inter,Arial,Helvetica,sans-serif; font-size:16px; line-height:1.45;
}
button,input,select,textarea { font:inherit; }
.contact-shell { width:min(860px,100%); margin:0 auto; }
.contact-card {
    width:100%; padding:34px; border:1px solid rgba(61, 61, 61, 0.37);
    background:rbga(255,30,20,.03);
    box-shadow:0 0 50px rgba(0,0,0,.88),0 0 32px rgba(190,0,0,.10); backdrop-filter:blur(10px);
}
.toplogo { display:block; width:min(420px,82%); height:auto; margin:0 auto 18px; }
.contact-title { margin:0; text-align:center; color:var(--red); font-size:clamp(1.25rem,3vw,2rem); letter-spacing:.14em; text-transform:uppercase; }
.contact-intro { max-width:650px; margin:12px auto 28px; color:#bdbdbd; text-align:center; line-height:1.65; }
.form-section { margin-top:28px; padding-top:24px; border-top:1px solid rgba(255,55,45,.20); }
.form-section:first-of-type { margin-top:0; padding-top:0; border-top:0; }
.section-title { margin:0 0 17px; color:var(--red); text-align:center; font-size:.79rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 16px; }
.full-width { grid-column:1/-1; }
.field-label { display:block; margin:0 0 7px; color:#dedede; font-size:.78rem; font-weight:800; letter-spacing:.035em; }
.optional { color:#7f7f7f; font-weight:500; }
input,select,textarea {
    width:100%; border:1px solid rgba(59, 59, 59, 0.23); border-radius:0; outline:none;
    background:var(--field); color:var(--text); box-shadow:inset 0 0 16px rgba(0,0,0,.24);
    transition:all 6s ease,background 4s ease,box-shadow 6s ease;
}
input,select { min-height:46px; padding:11px 13px; }
textarea { min-height:180px; resize:vertical; padding:13px; line-height:1.55; }
input::placeholder,textarea::placeholder { color:#777c82; opacity:1; }
input:hover,select:hover,textarea:hover { background:rgba(0,0,0,.50); border-color:rgba(56, 56, 56, 0.28); }
input:focus,select:focus,textarea:focus { border-color:rgba(255, 0, 0, 0.4); background:rgba(255,0,0,.08); box-shadow:0 0 0 2px rgba(229,43,34,.10),0 0 18px rgba(229,43,34,.16); box-shadow: inset 0 0 20px rgba(0,0,0,.60);}
select {
    appearance:none; -webkit-appearance:none; padding-right:42px; cursor:pointer;
    background-image:linear-gradient(45deg,transparent 50%,#333 50%),linear-gradient(135deg,#333 50%,transparent 50%);
    background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;
    background-size:6px 6px,6px 6px; background-repeat:no-repeat;
}
select option { background:#101113; color:#f1f1f1; }
.checkbox-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.feature-option {
    display:flex; align-items:center; gap:9px; min-height:40px; padding:9px 10px;
    border:1px solid rgba(255,255,255,.11); background:var(--panel-soft); color:#ddd;
    font-size:.86rem; font-weight:700; cursor:pointer; user-select:none;
    transition:border-color .14s ease,background .14s ease,transform .14s ease;
}
.feature-option:hover { border-color:rgba(255,50,40,.55); background:rgba(80,0,0,.22); transform:translateY(-1px); }
.feature-option input { flex:0 0 auto; width:16px; height:16px; min-height:0; margin:0; padding:0; accent-color:var(--red); box-shadow:none; }
.tiny-msg { display:block; margin-top:9px; color:var(--muted); font-size:.76rem; line-height:1.5; }
.verify-wrap { margin-top:28px; padding-top:24px; border-top:1px solid rgba(255,55,45,.20); }
.code-box { display:inline-block; margin:0 0 12px; padding:12px 17px; border:1px solid var(--border-bright); background:#090909; color:#fff; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:1rem; font-weight:900; letter-spacing:.15em; box-shadow:0 0 20px rgba(200,0,0,.12);       align-items:center;
      justify-content:center;}
.form-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.submit-btn { min-height:46px; padding:0 24px; border:1px solid #8d282880; border-radius:0; background:#160909; color:#fff; font-size:.78rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; transition:background 6s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease; }
.submit-btn:hover { border-color:var(--red); background:#300b0b; box-shadow:0 0 20px rgba(229,43,34,.24); transform:translateY(-1px); }
.submit-btn.primary { background:rgba(255,0,0,.20); border-color:#d72b2b; }
.submit-btn.primary:hover { background:#c51f1f; }
@media (max-width:780px) {
    body { padding:18px 10px 44px; background-attachment:scroll; }
    .contact-card { padding:24px 16px; }
    .form-grid,.checkbox-grid { grid-template-columns:1fr; }
    .full-width { grid-column:auto; }
    .form-actions { flex-direction:column; }
    .submit-btn { width:100%; }
    .toplogo { width:min(360px,92%); }
    .code-box {color:red;}
}
@media (max-width:420px) {
    .contact-card { padding:20px 12px; }
    input,select { min-height:44px; }
    .section-title { font-size:.72rem; letter-spacing:.12em; }
    .code-box {color:red;}
}
.code-box {
    display: inline-block;
    margin-bottom: 8px;
    padding: 12px 14px;
    border: 1px solid rgba(95, 95, 95, 0.22);
    background: rgba(252, 252, 252, 0.089);
    font-family: monospace;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: .18em;
    color: #f3030359;
    user-select: none;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
    transition: all .6s ease;
    opacity: 1;   
}
.code-box:hover {
    display: inline-block;
    margin-bottom: 8px;
    padding: 12px 14px;
    border: 1px solid rgba(251, 4, 4, 0.977);
    background: rgba(252, 252, 252, 0.089);
    font-family: monospace;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: .18em;
    color: #f30303;
    user-select: none;
    box-shadow: inset 0 0 20px rgba(246, 1, 1, 0.6);
    opacity:1;    
}