.agt-modal-open { height: 100vh; min-height: 100vh; overflow: hidden; }
.agt-modal { position: fixed; inset: 0; display: none; box-sizing: border-box; width: 100%; height: 100%; padding: 24px; overflow-y: auto; opacity: 0; outline: 0; cursor: pointer; background: radial-gradient(circle at 18% 12%, rgba(255,255,255,.34), transparent 30%), rgba(14,18,24,.68); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); z-index: 9999999; transition: opacity .24s ease; }
.agt-modal.is-open { display: grid; place-items: center; opacity: 1; }
.agt-modal__card { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(240px,.78fr) minmax(320px,1fr); width: min(920px, 100%); min-height: 520px; margin: auto; overflow: hidden; cursor: default; color: #1c1c1c; background: rgba(255,255,255,.96); box-shadow: 0 30px 90px rgba(0,0,0,.28); transform: translateY(18px) scale(.985); transition: transform .24s ease; }
.agt-modal.is-open .agt-modal__card { transform: translateY(0) scale(1); }
.agt-modal__intro { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 100%; padding: 38px; color: #fff; background: linear-gradient(150deg, rgba(28,28,28,.82), rgba(51,102,153,.62)), url("/images/argaytrip-hero-1750x950-final.webp") center center / cover no-repeat; }
.agt-modal__intro::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.48), rgba(0,0,0,.02) 62%); }
.agt-modal__intro > * { position: relative; z-index: 1; }
.agt-modal__eyebrow { margin: 0 0 14px; font: 900 13px/1.2 var(--agt-font-sans, Roboto, Arial, sans-serif); letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.78); }
.agt-modal__title { margin: 0 0 16px; font: 900 clamp(30px,3.1vw,46px)/1.02 var(--agt-font-sans, Roboto, Arial, sans-serif); letter-spacing: 0; text-wrap: balance; }
.agt-modal__text { margin: 0; max-width: 34ch; font: 700 16px/1.45 var(--agt-font-sans, Roboto, Arial, sans-serif); color: rgba(255,255,255,.86); }
.agt-modal__note { margin-top: 28px; }
.agt-modal__note span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border: 1px solid rgba(255,255,255,.46); border-radius: 999px; background: rgba(255,255,255,.12); font: 900 13px/1 var(--agt-font-sans, Roboto, Arial, sans-serif); text-transform: uppercase; }
.agt-modal__panel { display: flex; align-items: center; padding: 42px; background: linear-gradient(180deg, #fff, #f7f8fa); }
.agt-modal-form { width: 100%; }
.agt-modal-form__title, .agt-modal-form__text { display: none; }
.agt-modal-form__field { display: block; box-sizing: border-box; width: 100%; min-height: 54px; margin: 0 0 14px; border: 1px solid rgba(28,28,28,.14); border-radius: 0; padding: 0 16px; color: #1c1c1c; background: rgba(255,255,255,.86); font: 500 16px/1 var(--agt-font-sans, Roboto, Arial, sans-serif); outline: none; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
textarea.agt-modal-form__field { min-height: 118px; padding-top: 16px; line-height: 1.4; resize: vertical; }
.agt-modal-form__field::placeholder { color: rgba(28,28,28,.52); }
.agt-modal-form__field:focus { border-color: #336699; background: #fff; box-shadow: 0 0 0 4px rgba(51,102,153,.12); }
.agt-modal-form__submit { display: block; width: 100%; min-height: 54px; margin-top: 6px; border: 0; border-radius: 999px; color: #fff; background: #336699; font: 900 15px/1 var(--agt-font-sans, Roboto, Arial, sans-serif); text-transform: uppercase; cursor: pointer; transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease; }
.agt-modal-form__submit:hover, .agt-modal-form__submit:focus-visible { color: #fff; background: #2b5f91; box-shadow: 0 14px 32px rgba(51,102,153,.24); transform: translateY(-1px); }
.agt-modal-form__message { display: none; margin: 0 0 14px; padding: 12px 14px; font: 800 14px/1.35 var(--agt-font-sans, Roboto, Arial, sans-serif); letter-spacing: 0; text-align: left; text-transform: none; font-style: normal; }
.agt-modal-form__message.js-successbox { color: #24643b; background: rgba(36,100,59,.1); }
.agt-modal-form__message.js-errorbox-all { color: #9b1c1c; background: rgba(155,28,28,.09); }
.agt-modal__close { position: fixed; top: 22px; right: 22px; z-index: 3; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.36); border-radius: 999px; padding: 0; cursor: pointer; background: rgba(255,255,255,.14); transition: background-color .18s ease, transform .18s ease; }
.agt-modal__close span, .agt-modal__close span::before { display: block; width: 18px; height: 2px; background: #fff; }
.agt-modal__close span { transform: rotate(45deg); }
.agt-modal__close span::before { content: ""; transform: rotate(90deg); }
.agt-modal__close:hover, .agt-modal__close:focus-visible { background: rgba(255,255,255,.24); transform: scale(1.04); }
@media (max-width: 780px) { .agt-modal { padding: 14px; } .agt-modal__card { grid-template-columns: 1fr; min-height: 0; } .agt-modal__intro { min-height: 230px; padding: 28px; } .agt-modal__panel { padding: 28px; } .agt-modal__close { top: 14px; right: 14px; background: rgba(28,28,28,.32); } }
@media (max-width: 480px) { .agt-modal__intro { min-height: 190px; padding: 24px; } .agt-modal__panel { padding: 22px; } .agt-modal__title { font-size: 28px; } }