@charset "utf-8";

.hero__form { display: flex; flex-direction: column; gap: 14px; background: rgb(255, 255, 255); border-radius: 16px; padding: 2rem 2.5rem; width: 100%; max-width: 380px; box-shadow: rgba(21, 101, 192, 0.18) 0px 8px 32px; }

.form__inp { width: 100%; box-sizing: border-box; padding: 11px 16px; border: 1.5px solid rgb(187, 222, 251); border-radius: 8px; font-size: 15px; color: rgb(21, 101, 192); background: rgb(240, 247, 255); outline: none; transition: border-color 0.2s, background 0.2s; }

.form__inp::placeholder { color: rgb(144, 202, 249); }

.form__inp:focus { border-color: rgb(25, 118, 210); background: rgb(255, 255, 255); }

.form__btn { width: 100%; padding: 13px; background: rgb(21, 101, 192); color: rgb(255, 255, 255); border: none; border-radius: 8px; font-size: 16px; font-weight: 500; cursor: pointer; letter-spacing: 0.3px; transition: background 0.2s; }

.form__btn:hover { background: rgb(13, 71, 161); }