#contact-main{width:100%;height:40vh;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;background:linear-gradient(to bottom,#1a1a1acc,#1a1a1acc),url(/assets/court.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}#contact-main>h1{color:#fff;font-size:48px;font-weight:700;text-align:center}#contact-main>p{color:#fff;font-size:18px;font-weight:400;text-align:center}#contact-section{width:100%;max-width:600px;margin:0 auto;display:flex;justify-content:center;padding:64px 48px}#contact-form{width:100%;display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group>label{color:#303030;font-size:14px;font-weight:600}.form-group>input,.form-group>textarea{width:100%;padding:12px 16px;color:#303030;font-size:16px;font-family:inherit;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;transition:all .2s linear}.form-group>input:focus,.form-group>textarea:focus{outline:none;border-color:var(--pv-text)}.form-group>textarea{resize:vertical;min-height:120px}#submit-btn{width:100%;height:48px;color:#fff;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center;background-color:var(--pv-text);border-radius:8px;cursor:pointer;transition:background-color .2s linear}#submit-btn:hover{background-color:#a84a19}#submit-btn:disabled{background-color:#d4896b;cursor:not-allowed}#form-message{padding:16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;display:none}#form-message.success{display:block;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}#form-message.error{display:block;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}#contact-info{display:flex;flex-direction:column;gap:32px}#contact-info>h2{color:#303030;font-size:28px;font-weight:700}.info-item{display:flex;flex-direction:column;gap:12px}.info-item>h3{color:#303030;font-size:18px;font-weight:600}.info-item>p{color:#666;font-size:16px;line-height:1.6}.info-item>p>a{color:#1a1a1a;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .2s linear}.info-item>p>a:hover{color:#a84a19}.social-links{display:flex;flex-direction:row;gap:16px}.social-links>a{color:#1a1a1a;font-size:16px;font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .2s linear}.social-links>a:hover{color:#a84a19}@media screen and (max-width: 900px){#contact-main>h1{font-size:32px}#contact-main>p{font-size:16px;max-width:80%}#contact-section{padding:48px 32px}}