.quote{text-align:center;padding:5rem 1rem}.quote h2{margin-bottom:2rem;font-size:2rem;font-weight:700}.quote-form{flex-direction:column;align-items:center;gap:.2rem;max-width:500px;margin:0 auto;display:flex}.quote-form input,.quote-form textarea{border-radius:var(--radius);background:var(--card);color:#fff;border:1px solid #3abff833;width:90%;padding:.75rem;font-size:1rem}.quote-form span{margin:0}.quote-form div{text-align:center;width:100%}.error{color:#ff6b6b;text-align:left;opacity:1;min-height:1.2rem;font-size:.9rem;transition:opacity .2s}.error-empty{opacity:0}.modal-backdrop{z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal{text-align:center;border-radius:var(--radius);background:#101b2ef2;flex-direction:column;max-width:320px;padding:2rem;animation:.25s pop;display:flex;position:relative;overflow:hidden}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;transition:opacity .2s;position:absolute;top:8px;right:8px}.modal-close:hover{opacity:.7}.spinner{margin:1rem auto;animation:1s linear infinite spin}.modal-close[disabled]{opacity:.3;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
