.contact-page{max-width:900px;margin:40px auto;padding:30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);font-family:sans-serif}.contact-page hr{margin:20px 0}.contact-page h1{text-align:center;margin-bottom:10px}.contact-page__intro{text-align:center;font-size:1.2rem;text-decoration:underline}.contact-page__grid{display:flex;flex-direction:column;gap:30px}@media(min-width:768px){.contact-page__grid{flex-direction:row}}.contact-page__form{flex:1 1;display:flex;flex-direction:column;gap:20px}.contact-page__form label{display:block;font-size:1rem;font-weight:700;margin-bottom:5px}.contact-page__form input:not([type=checkbox]),.contact-page__form textarea{width:100%;padding:10px;font-size:1.2rem;border-radius:5px;border:1px solid var(--primary-color);transition:.2s ease}.contact-page__form input:not([type=checkbox]):focus,.contact-page__form textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 5px var(--secondary-color)}.contact-page__form button{border:none;padding:10px 20px;font-size:1.2rem;transition:.2s ease;border-radius:5px;margin-top:15px;background-color:var(--secondary-color);color:#fff}.contact-page__form button:hover{transform:scale(1.05)}.contact-page__success{color:green;margin-top:10px;font-weight:700}.contact-page__info{flex:1 1;font-size:.95rem}.contact-page__info h2{margin-bottom:10px}.contact-page__info p{margin-bottom:15px}