.contact-selector{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.contact-selector-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #0000;border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1rem;transition:all .3s;display:flex}.contact-selector-btn:hover{transform:translateY(-4px)}.contact-selector-btn.support{border-color:#4e83c9}.contact-selector-btn.support:hover{background:#4e83c90d;box-shadow:0 8px 20px #4e83c926}.contact-selector-btn.support.active{background:linear-gradient(135deg,#4e83c91a 0%,#4e83c90d 100%);border-color:#4e83c9}.contact-selector-btn.partnership{border-color:#f59e0b}.contact-selector-btn.partnership:hover{background:#f59e0b0d;box-shadow:0 8px 20px #f59e0b26}.contact-selector-btn.partnership.active{background:linear-gradient(135deg,#f59e0b1a 0%,#f59e0b0d 100%);border-color:#f59e0b}.contact-selector-btn.community{border-color:#10b981}.contact-selector-btn.community:hover{background:#10b9810d;box-shadow:0 8px 20px #10b98126}.contact-selector-btn.community.active{background:linear-gradient(135deg,#10b9811a 0%,#10b9810d 100%);border-color:#10b981}.contact-selector-icon{font-size:2rem}.contact-selector-label{color:#1f2937;text-align:center;font-size:.875rem;font-weight:600}.contact-content{animation:.4s fadeSlide;display:none}.contact-content.active{display:block}@keyframes fadeSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.contact-main{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 8px #00000014}.contact-main-header{border-bottom:2px solid #f0f0f0;padding:2.5rem 2rem}.contact-main-header.support{background:linear-gradient(135deg,#4e83c914 0%,#4e83c908 100%);border-bottom-color:#4e83c9}.contact-main-header.partnership{background:linear-gradient(135deg,#f59e0b14 0%,#f59e0b08 100%);border-bottom-color:#f59e0b}.contact-main-header.community{background:linear-gradient(135deg,#10b98114 0%,#10b98108 100%);border-bottom-color:#10b981}.contact-main-icon{margin-bottom:1rem;font-size:3rem}.contact-main-title{color:#1f2937;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.contact-main-desc{color:#596274;font-size:1rem;line-height:1.6}.contact-main-body{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:2.5rem 2rem;display:grid}.contact-info-block{flex-direction:column;gap:1rem;display:flex}.contact-info-label{color:#666;text-transform:uppercase;letter-spacing:.8px;font-size:.85rem;font-weight:700}.contact-info-content{color:#1f2937;font-size:.95rem;line-height:1.6}.contact-info-link{color:#4e83c9;align-items:center;gap:.5rem;margin:-.5rem;padding:.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.contact-info-link:hover{color:#3668b0}.contact-main-body.partnership .contact-info-link{color:#f59e0b}.contact-main-body.partnership .contact-info-link:hover{color:#d97706}.contact-main-body.community .contact-info-link{color:#10b981}.contact-main-body.community .contact-info-link:hover{color:#059669}.contact-cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#4e83c9 0%,#5a96de 100%);border-radius:1.5rem;margin-top:3rem;padding:2.5rem;box-shadow:0 8px 20px #4e83c933}.contact-cta-icon{margin-bottom:1rem;font-size:2.5rem}.contact-cta-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.contact-cta-text{opacity:.95;margin-bottom:2rem;font-size:1rem;line-height:1.6}.contact-cta-button{color:#4e83c9;background:#fff;border-radius:2.5rem;padding:.875rem 2.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #00000026}.contact-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.contact-note{background:linear-gradient(135deg,#f59e0b14 0%,#f59e0b08 100%);border:1px solid #f59e0b33;border-radius:1.125rem;margin-top:2.5rem;padding:1.75rem}.contact-note-icon{color:#f59e0b;margin-bottom:.75rem;font-size:1.5rem}.contact-note-title{color:#1f2937;margin-bottom:.5rem;font-weight:700}.contact-note-text{color:#596274;font-size:.95rem;line-height:1.6}@media (max-width:768px){.contact-selector{grid-template-columns:repeat(2,1fr);gap:.75rem}.contact-selector-btn{gap:.5rem;padding:1.25rem .75rem}.contact-selector-label{font-size:.75rem}.contact-main-header{padding:1.75rem 1.5rem}.contact-main-title{font-size:1.4rem}.contact-main-body{grid-template-columns:1fr;gap:1.5rem;padding:1.75rem 1.5rem}.contact-cta-section{padding:1.75rem}}
