/* Contact page – loads after style.css */
.contact{padding:200px 0 40px}
.cgrid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 30px;
    align-items: start;
    justify-content: center;
    align-content: center;
    justify-items: center;
}
.contact h1 {
    font-size: clamp(42px, 5.6vw, 70px);
    font-weight: 500;
    margin: 6px 0 34px;
    max-width: 500px;
}
.rule{width:64px;height:2px;background:#fff;margin:0 0 30px}
.contact .cl p{font-size:20px;font-weight:400;color:#d6e2de;max-width:350px}
.cf{display:flex;flex-direction:column;gap:18px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fld{position:relative;display:block}
.fld input,.fld select,.fld textarea{width:100%;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.28);border-radius:14px;color:var(--tx);font:400 17px 'Montserrat',system-ui,sans-serif;padding:24px 22px 12px;outline:0;transition:.25s}
.fld select{padding:20px 50px 20px 22px;appearance:none;-webkit-appearance:none;cursor:pointer}
.fld select:invalid{color:var(--mut)}
.fld select option{background:#0a1512;color:#fff}
.fld textarea{resize:vertical;min-height:170px}
.fld>span{position:absolute;left:23px;top:19px;font-size:17px;color:var(--mut);pointer-events:none;transition:.2s;transform-origin:left}
/* .fld input:focus+span,.fld input:not(:placeholder-shown)+span,.fld textarea:focus+span,.fld textarea:not(:placeholder-shown)+span{top:7px;font-size:12px;color:var(--g)} */
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(63,224,165,.15),0 0 22px rgba(63,224,165,.2)}
.sel svg{position:absolute;right:20px;top:50%;width:18px;height:18px;margin-top:-9px;stroke:#fff;fill:none;stroke-width:2;pointer-events:none}
.tried input:invalid,.tried select:invalid,.tried textarea:invalid{border-color:#ff7a7a}
.act{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:6px}
.chk{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:400;cursor:pointer}
.chk input{position:absolute;opacity:0}
.chk i{width:22px;height:22px;border:1px solid rgba(255,255,255,.6);border-radius:5px;flex:none;display:grid;place-items:center;transition:.2s}
.chk input:checked+i{background:var(--g);border-color:var(--g)}
.chk input:checked+i::after{content:"";width:6px;height:11px;border:solid #03110c;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
.chk input:focus-visible+i{outline:2px solid var(--g);outline-offset:3px}
.chk a{color:var(--g)}.chk a:hover{text-decoration:underline}
button.btn{cursor:pointer;font-family:inherit}
.ok{color:var(--g);font-size:16px;font-weight:500}
.land{display:block;width:100%;height:auto;margin-bottom:100px;margin-top: -100px;position:relative;z-index:0;pointer-events:none;-webkit-mask:linear-gradient(180deg,transparent 0,#000 30%);mask:linear-gradient(180deg,transparent 0,#000 30%);animation:landIn 1.4s ease both}
footer{position:relative;z-index:2}
@keyframes landIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:900px){.cgrid{grid-template-columns:1fr;gap:40px}.contact{padding-top:130px}}
@media(max-width:560px){.row2{grid-template-columns:1fr}.act{flex-direction:column;align-items:flex-start}}