.contact-page .join-left{background-image:url(/images/rainbow.png);background-color:#f8f9ff}.contact-info-card{margin-bottom:30px}.contact-info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.contact-info-item:last-child{margin-bottom:0}.contact-info-item .material-symbols-outlined{font-size:32px;color:#ff75b7;margin-top:4px}.contact-info-item h3{font-size:16px;font-weight:600;margin:0 0 4px 0;color:#111827}.contact-info-item p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.ns-textarea{padding:30px 14px 10px 23px;border:1px solid rgba(12,22,38,.11);border-radius:24px;font-size:15px;background:#fff;font-family:inherit;resize:vertical;min-height:150px}.ns-textarea:focus{outline:0;border-color:#9ca3af;box-shadow:none}.ns-textarea.input-validation-error,.ns-textarea.invalid{border-color:#ef4444}.success-message{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,rgba(34,197,94,.1) 0%,rgba(22,163,74,.1) 100%);border:1px solid #22c55e;border-radius:12px;color:#15803d;font-size:14px;margin-bottom:20px;animation:slideIn .3s ease-out}.success-message .material-symbols-outlined{color:#22c55e;font-size:24px}.error-message{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,rgba(220,38,38,.1) 100%);border:1px solid #ef4444;border-radius:12px;color:#b91c1c;font-size:14px;margin-bottom:20px;animation:slideIn .3s ease-out}.error-message .material-symbols-outlined{color:#ef4444;font-size:24px}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-footer{margin-top:30px;padding-top:30px;border-top:1px solid rgba(12,22,38,.08)}.contact-footer p{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;margin:0;line-height:1.6}.contact-footer .material-symbols-outlined{font-size:20px;color:#9ca3af}.contact-footer a{color:#ff75b7;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-footer a:hover{color:#f9a3ff}.browse-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:760px){.contact-info-card{padding:20px;margin-bottom:20px}.contact-info-item{flex-direction:column;gap:8px;margin-bottom:16px}.contact-info-item .material-symbols-outlined{font-size:28px}.ns-textarea{min-height:120px}.success-message,.error-message{flex-direction:column;text-align:center;gap:8px}.contact-footer p{flex-direction:column;gap:4px;text-align:center}}