.compare-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:9999}.compare-modal.hidden{display:none}.compare-modal__overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.compare-modal__container{background:#e8f5e9;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:1000px;overflow-y:auto;position:relative;width:100%}.compare-modal__close{align-items:center;background:none;border:none;color:#058623;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:6px;position:absolute;right:24px;top:20px;z-index:10}.compare-modal__close span{color:#333;font-size:24px;line-height:1}.compare-modal__close:hover{opacity:.7}.compare-modal__content{display:grid;gap:40px;grid-template-columns:1.2fr 1fr;padding:60px 50px 50px}.compare-modal__left{display:flex;flex-direction:column}.compare-modal__title{color:#058623;font-size:38px;font-weight:700;line-height:1.15;margin:0 0 20px}.compare-modal__subtitle{color:#333;font-size:17px;margin:0 0 24px}.compare-modal__benefits{list-style:none;margin:0 0 28px;padding:0}.compare-modal__benefits li{align-items:center;color:#333;display:flex;font-size:16px;gap:12px;margin-bottom:12px}.compare-modal__benefits li svg{flex-shrink:0}.compare-modal__form-title{color:#333;font-size:16px;font-weight:700;margin:0 0 20px}.compare-modal__form{display:flex;flex-direction:column;gap:8px}.form-field{margin-bottom:8px;position:relative}.form-field label{background:#fff;color:#ef4444;display:none;font-size:12px;left:16px;padding:0 6px;position:absolute;top:-8px}.form-field.focused label,.form-field.has-value label{display:block}.form-field.valid label{color:#666}.compare-modal__form input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:18px 16px;transition:border-color .2s;width:100%}.compare-modal__form input:focus{border-color:#1e5cff;outline:none}.compare-modal__form input.error{border-color:#ef4444;border-width:2px}.error-message{align-items:center;color:#ef4444;display:flex;font-size:14px;font-weight:500;gap:6px;margin-top:6px;min-height:20px}.error-message:empty{display:none}.error-message:before{align-items:center;background:#ef4444;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Ctext x='5' y='8' fill='%23fff' font-size='10' font-weight='bold' text-anchor='middle'%3E!%3C/text%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;border-radius:50%;content:"";display:inline-flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.error-message:empty:before{display:none}.compare-modal__legal{color:#555;font-size:13px;line-height:1.6;margin:16px 0}.compare-modal__legal p{margin:0}.compare-modal__submit{background:#1e5cff;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:8px;padding:20px 24px;transition:background .2s;width:100%}.compare-modal__submit:hover{background:#1548cc}.compare-modal__right{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.compare-modal__house,.compare-modal__house-placeholder{margin-bottom:30px;max-width:220px}.compare-modal__house-placeholder svg{height:180px;width:180px}.compare-modal__testimonial{text-align:center}.compare-modal__stars{display:flex;gap:4px;justify-content:center;margin-bottom:14px}.compare-modal__stars svg{height:24px;width:24px}.compare-modal__testimonial-text{color:#002b5c;font-size:22px;font-weight:700;line-height:1.3;margin:0}@media (max-width:900px){.compare-modal__content{gap:30px;grid-template-columns:1fr;padding:50px 30px 40px}.compare-modal__right{order:-1;padding:0}.compare-modal__house,.compare-modal__house-placeholder{margin-bottom:20px;max-width:140px}.compare-modal__house-placeholder svg{height:120px;width:120px}.compare-modal__title{font-size:28px}.compare-modal__testimonial-text{font-size:18px}}@media (max-width:500px){.compare-modal{padding:10px}.compare-modal__container{max-height:95vh}.compare-modal__content{padding:50px 20px 30px}.compare-modal__title{font-size:24px}.compare-modal__subtitle{font-size:15px}.compare-modal__benefits li{font-size:14px}.compare-modal__form input{font-size:15px;padding:16px 14px}.compare-modal__legal{font-size:11px}.compare-modal__submit{font-size:16px;padding:16px 20px}}