@import "main.css";

.page-title{font-size:2.5rem;margin-bottom:1rem;text-align:center}
.page-subtitle{font-size:1.1rem;text-align:center;opacity:.8;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}
.section-title{font-size:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}

/* ----------  SERVICES  ---------- */
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:4rem}
.service-item{border:1px solid var(--border);padding:1.5rem}
.service-item h3{font-size:1.1rem;margin-bottom:.5rem}
.service-item p{font-size:.9rem;opacity:.7;line-height:1.6}

/* ----------  CONTACT FORM  ---------- */
.contact-form{display:flex;flex-direction:column;gap:1.5rem}
.form-group{display:flex;flex-direction:column}
.form-group label{margin-bottom:.5rem;font-size:.9rem;opacity:.8}
.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border);color:var(--txt);padding:1rem;font-family:inherit;font-size:1rem}
.form-group textarea{min-height:150px;resize:vertical}
.submit-btn{background:var(--txt);color:var(--bg);border:1px solid var(--txt);padding:1rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s,color .2s}
.submit-btn:hover{background:var(--bg);color:var(--txt)}

/* ----------  SOCIAL LINKS  ---------- */
.contact-info{text-align:center;margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}
.contact-info p{margin-bottom:1.5rem}
.social-links a{color:var(--txt);text-decoration:underline;margin:0 1rem}