/* ===== Contact ===== */
.contact-grid{
    display:grid;grid-template-columns:.9fr 1.1fr;gap:1.2rem;align-items:start
}
.contact-list{display:grid;gap:1rem;margin:1.8rem 0}
.contact-list article{display:grid;gap:.25rem}
.contact-list strong{font-size:.92rem;color:var(--text)}
.contact-list a,
.contact-list span:last-child{
    overflow-wrap:anywhere;
}
.faq-card{margin-top:2rem;border-radius:22px}
.contact-form{display:grid;gap:1rem}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
select{
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(244,247,251,.9) 50%),
        linear-gradient(135deg, rgba(244,247,251,.9) 50%, transparent 50%);
    background-position:
        calc(100% - 1.35rem) calc(50% - .12rem),
        calc(100% - .95rem) calc(50% - .12rem);
    background-size:.45rem .45rem,.45rem .45rem;
    background-repeat:no-repeat;
    padding-right:3rem;
}
input,select,textarea{
    width:100%;
    border-radius:18px;border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.04);color:var(--text);
    padding:1rem 1rem;outline:none;
    transition:border-color .25s ease, box-shadow .25s ease, background .25s ease
}
input::placeholder,textarea::placeholder{color:#aebcda;opacity:1}
select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background-color:#0f1930;
    color:#f4f7fb;
}
option{
    background:#0f1930;
    color:#f4f7fb;
}
select option[value=""]{
    color:#c7d4ea;
}
input:focus,select:focus,textarea:focus{
    border-color:rgba(93,220,255,.8);
    box-shadow:0 0 0 3px rgba(93,220,255,.12)
}
textarea{resize:vertical;min-height:10rem}
.alert{margin-bottom:1rem}
.alert-success{border-color:rgba(0,217,166,.25);background:rgba(0,217,166,.08)}
.alert-error{border-color:rgba(255,107,107,.3);background:rgba(255,107,107,.08)}