.contact-container section.content,.contact-container .contact-form-section{flex:1 1 300px;min-width:300px}.contact-page-wrapper{max-width:1200px;margin:0 auto}.form-intro{margin-bottom:var(--spacing-xl)}.contact-flex-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);align-items:flex-start}.contact-content{flex:1 1 400px;min-width:300px;margin-block:auto;p:first-child strong { display:inline-block; font-family:'Bebas Neue',sans-serif; text-transform:uppercase; line-height:var(--line-height-h1); text-align:center; margin-block:var(--spacing-xl); margin-bottom:var(--spacing-xl); } h2 { margin-bottom:var(--spacing-md); } p { margin-bottom:var(--spacing-lg); line-height:var(--line-height-body); } a { color:var(--color-accent-primary); }}.contact-form{flex:0 1 400px;min-width:300px}@media(max-width:768px){.contact-flex-container{flex-direction:column}.contact-form,.contact-content{flex:auto}}.groups-flex-container{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);align-items:flex-start}.groups-content{flex:1 1 300px}.groups-form{flex:0 1 400px;min-width:300px}@media(max-width:768px){.groups-flex-container{flex-direction:column}.groups-form,.groups-content{flex:auto;width:100%;min-width:100%}}.contact-container h2{margin-bottom:var(--spacing-md)}.contact-container section,.contact-form-section{position:relative;padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);&::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:120px; height:5px; background:linear-gradient( 90deg,transparent 0%,var(--color-accent-primary) 20%,var(--color-accent-light) 80%,transparent 100% ); border-radius:3px; } &:last-child::after { display:none; }}.contact-content h3{margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl);padding-left:2.5rem;position:relative}.contact-content h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:var(--text-color);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.contact-content{color:var(--text-color)}.contact-content h3:nth-of-type(1)::before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z"/></svg>')}.contact-content h3:nth-of-type(2)::before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z"/></svg>')}.contact-content h3:nth-of-type(3)::before{mask-image:url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20height=%2224%22%20viewBox=%220%20-960%20960%20960%22%20width=%2224%22%3E%3Cpath%20d=%22m612-292%2056-56-148-148v-184h-80v216l172%20172zM480-80q-83%200-156-31.5T197-197t-85.5-127T80-480t31.5-156T197-763t127-85.5T480-880t156%2031.5T763-763t85.5%20127T880-480t-31.5%20156T763-197t-127%2085.5T480-80zm0-4e2zm0%20320q133%200%20226.5-93.5T8e2-480t-93.5-226.5T480-8e2t-226.5%2093.5T160-480t93.5%20226.5T480-160z%22/%3E%3C/svg%3E)}.contact-content h3:nth-of-type(4)::before{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M438-226 296-368l58-58 84 84 168-168 58 58-226 226ZM200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Zm0-480h560v-80H200v80Zm0 0v-80 80Z"/></svg>')}.contact-content p{margin-bottom:var(--spacing-md);line-height:var(--line-height-body)}.contact-container form[name=contact],.contact-form-section form[name=contact]{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:600px;margin:0 auto}.contact-container form[name=contact] .form-group,.contact-form-section form[name=contact] .form-group{display:flex;flex-direction:column;margin-bottom:var(--spacing-md)}.contact-container form[name=contact] .form-group label,.contact-form-section form[name=contact] .form-group label{margin-bottom:var(--spacing-xs);font-weight:500;font-size:1rem}.required{color:#d32f2f;font-weight:700}.form-required-note{color:#666;margin-bottom:var(--spacing-lg);font-style:italic}.error-message{display:none;color:#d32f2f;font-size:var(--font-size-small);margin-top:.25rem;min-height:1.25rem}.field-hint{font-size:var(--font-size-small);color:#666;margin-top:.25rem}.contact-container form[name=contact] .form-group input,.contact-container form[name=contact] .form-group textarea,.contact-form-section form[name=contact] .form-group input,.contact-form-section form[name=contact] .form-group textarea{padding:.75rem;border:1px solid #ccc;border-radius:4px;transition:border-color .3s ease;background-color:var(--surface-color);color:var(--text-color);font-size:1rem}.contact-container form[name=contact] .form-group input:focus,.contact-container form[name=contact] .form-group textarea:focus,.contact-form-section form[name=contact] .form-group input:focus,.contact-form-section form[name=contact] .form-group textarea:focus{outline:2px solid #4caf50;outline-offset:2px;border-color:#4caf50}.contact-container form[name=contact] .form-group input.error,.contact-container form[name=contact] .form-group textarea.error,.contact-form-section form[name=contact] .form-group input.error,.contact-form-section form[name=contact] .form-group textarea.error{border-color:#d32f2f}.contact-container form[name=contact] .form-group input.error:focus,.contact-container form[name=contact] .form-group textarea.error:focus,.contact-form-section form[name=contact] .form-group input.error:focus,.contact-form-section form[name=contact] .form-group textarea.error:focus{outline-color:#d32f2f}.contact-container form[name=contact] .form-group button,.contact-form-section form[name=contact] .form-group button{padding:.75rem 1.5rem;background-color:var(--color-accent-primary);color:var(--text-color-inverse);border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--spacing-xs)}