.contact{padding-top:calc(var(--topbar-h,122px) + clamp(32px, 8vw, 78px));min-height:64vh;padding-bottom:clamp(80px,14vw,140px)}.contact__inner{flex-direction:column;align-items:center;display:flex}.contact__head{margin-bottom:clamp(40px,6vw,56px)}.contact__cards{grid-template-columns:minmax(0,1fr);gap:20px;width:100%;max-width:880px;margin-bottom:clamp(40px,6vw,60px);display:grid}@media (width>=760px){.contact__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact__card{min-width:0;transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);flex-direction:column;gap:16px;padding:36px 32px 34px;display:flex}.contact__card:hover{box-shadow:0 18px 50px -24px var(--accent-glow), inset 0 1px 0 #ffffff0f;border-color:#5b6cf066;transform:translateY(-4px)}.contact__card .lead{flex:1;max-width:none}.contact__btn{align-self:flex-start;max-width:100%;margin-top:6px}@media (width<=479px){.contact__btn{align-self:stretch}}.contact__form{flex-direction:column;gap:16px;display:flex}.contact__form-sub{color:var(--text-2);margin-bottom:2px;font-size:.95rem}.contact__field{flex-direction:column;gap:7px;display:flex}.contact__field label{letter-spacing:.02em;color:var(--text-2);font-size:.82rem;font-weight:600}.contact__field input,.contact__field textarea{font-family:var(--font-body);color:var(--text-1);border:1px solid var(--line-2);border-radius:var(--r-sm);resize:vertical;background:#ffffff08;width:100%;min-width:0;max-width:100%;padding:12px 14px;font-size:.98rem;transition:border-color .25s,background .25s}.contact__field input::placeholder,.contact__field textarea::placeholder{color:var(--text-3)}.contact__field input:focus,.contact__field textarea:focus{background:#3a48e00f;border-color:#5b6cf099;outline:none}.contact__send{align-self:flex-start;margin-top:4px}.contact__send:disabled{opacity:.6;cursor:default}.contact__field--website{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.contact__sent{flex-direction:column;gap:14px;padding-right:30px;display:flex}.contact__sent .contact__send{margin-top:6px}.contact__error{color:#ffb1ad;border-radius:var(--r-sm);background:#ff574d14;border:1px solid #ff6b6159;padding:12px 14px;font-size:.88rem;line-height:1.55}.contact__info{flex-direction:column;gap:12px;width:100%;max-width:620px;display:flex}.contact__info-item{border-radius:var(--r-md);align-items:center;gap:14px;padding:16px 18px;transition:border-color .25s,transform .25s;display:flex}a.contact__info-item:hover{border-color:#5b6cf073;transform:translateY(-2px)}.contact__info-icon{width:42px;height:42px;color:var(--accent-hi);background:#3a48e01f;border:1px solid #3a48e047;border-radius:12px;flex:none;place-items:center;display:grid}.contact__info-icon svg{width:20px;height:20px}.contact__info-item strong{color:var(--text-1);font-size:.96rem;display:block}.contact__info-item em{color:var(--text-2);font-size:.9rem;font-style:normal}.contact__help{color:var(--text-3);margin-top:10px;font-size:.92rem;line-height:1.6}.contact__help a{color:var(--accent-hi);text-underline-offset:3px;-webkit-text-decoration:underline #5b6cf073;text-decoration:underline #5b6cf073}.contact__help a:hover{-webkit-text-decoration-color:var(--accent-hi);text-decoration-color:var(--accent-hi)}.contact__card-note{color:var(--text-3);font-size:.85rem;line-height:1.5}.contact__notice{color:var(--text-2);border-radius:var(--r-sm);background:#3a48e01a;border:1px solid #5b6cf04d;padding:12px 14px;font-size:.88rem;line-height:1.55}.contact__close{border:1px solid var(--border);border-radius:var(--r-pill);width:34px;height:34px;color:var(--text-3);cursor:pointer;transition:color .3s var(--ease), border-color .3s var(--ease);background:0 0;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.contact__close:hover{color:var(--text-1);border-color:var(--line-2)}.contact__close svg{width:15px;height:15px}.modal{z-index:120;-webkit-backdrop-filter:blur(6px);background:#04060cb8;place-items:center;padding:clamp(16px,4vw,40px);display:grid;position:fixed;inset:0;overflow-y:auto}.modal__box{-webkit-backdrop-filter:none;background:#0b0e1a;width:100%;max-width:560px;max-height:min(90vh,760px);padding:34px 28px 30px;position:relative;overflow-y:auto;box-shadow:0 40px 90px -30px #000c}
