/* Generated from the approved EMF Protection designs. Edit the source designs, then rerun build/split_css.py. */
.contact-grid{display: grid; grid-template-columns: 1fr 1.3fr; gap: 3rem; align-items: start;}
.contact-card-list{display: flex; flex-direction: column; gap: 1rem;}
.contact-card{background: var(--white); border: 1px solid var(--border); border-radius: var(--r-lg); padding: 1.5rem; box-shadow: var(--sh); display: flex; gap: 1rem; align-items: flex-start;}
.contact-card-icon{width: 44px; height: 44px; background: var(--action-pale); border-radius: var(--r); display: flex; align-items: center; justify-content: center; color: var(--action); flex-shrink: 0;}
.contact-card-title{font-size: 0.9375rem; font-weight: 700; color: var(--ink); margin-bottom: 0.25rem;}
.contact-card-detail{font-size: 0.9375rem; color: var(--action); font-weight: 600;}
.contact-card-note{font-size: 0.8125rem; color: var(--ink-light); margin-top: 0.25rem;}
.form-panel{background: var(--white); border: 1px solid var(--border); border-radius: var(--r-xl); padding: 2.5rem; box-shadow: var(--sh-md);}
.form-row{display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.125rem;}
.field{margin-bottom: 1.125rem;}
.field label{display: block; font-size: 0.8125rem; font-weight: 700; color: var(--ink-mid); margin-bottom: 0.5rem;}
.field input, .field select, .field textarea{width: 100%; padding: 0.75rem 1rem; border: 1.5px solid var(--border); border-radius: var(--r); font-family: var(--font); font-size: 0.9375rem; color: var(--ink); outline: none; background: var(--surface); transition: border-color 150ms, background 150ms;}
.field input:focus, .field select:focus, .field textarea:focus{border-color: var(--action); background: var(--white);}
.field textarea{resize: vertical; min-height: 120px;}
.submit-btn{width: 100%; padding: 0.9375rem; background: var(--action); color: var(--white); font-size: 1rem; font-weight: 700; border-radius: var(--r); transition: background 150ms;}
.submit-btn:hover{background: var(--action-dark);}
.form-fine{font-size: 0.75rem; color: var(--ink-light); margin-top: 1rem; text-align: center;}
footer{background: #070f18; padding: 4rem 1.5rem 2rem;}
.fc{background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.09); border-radius: 4px; padding: 0.25rem 0.5rem; font-size: 0.6875rem; font-weight: 600; color: rgba(255,255,255,0.35);}
.payment-row{display: flex; gap: 0.5rem;}
.pay{display: inline-flex; border-radius: 4px; overflow: hidden; line-height: 0;}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
@media(max-width:640px){.form-row{grid-template-columns:1fr}
.form-panel{padding:1.5rem}}