.contact-container{padding:3rem 1rem;max-width:800px;margin:0 auto;color:var(--text);width:100%;box-sizing:border-box}.contact-header{text-align:center;margin-bottom:2rem}.contact-header h1{font-size:2.5rem;color:var(--text)}.contact-header p{font-size:1.2rem;color:var(--text-muted)}.contact-form{display:flex;flex-direction:column;gap:1.5rem;background:var(--surface);padding:2rem;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box}.form-group{display:flex;flex-direction:column;text-align:left}.form-group label{margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea{padding:.8rem 1rem;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:1rem;width:100%;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:140px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input[type=file]{padding:.6rem;line-height:1.3}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--steel)}button[type=submit]{background-color:var(--primary);color:var(--text-dark);padding:1rem 2rem;font-size:1rem;border:1px solid var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s ease;min-height:44px}button[type=submit]:hover{background-color:var(--primary-hover);color:var(--text-dark)}.checkbox-group{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;font-size:.95rem;line-height:1.4}.checkbox-group input[type=checkbox]{margin-top:.2rem;width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.checkbox-group label{cursor:pointer;display:block;overflow-wrap:anywhere}.checkbox-group a{color:var(--steel-soft);text-decoration:underline}.checkbox-group a:hover{text-decoration:none}@media (max-width: 768px){.contact-container{padding:1.6rem .5rem}.contact-header h1{font-size:2rem}.contact-header p{font-size:1rem}.contact-form{gap:1rem;padding:1rem}button[type=submit]{width:100%}}@media (max-width: 480px){.contact-container{padding:1rem .3rem}.contact-header h1{font-size:1.7rem}.contact-form{padding:.85rem;border-radius:10px}.checkbox-group{font-size:.9rem}}
