.contact-container{position:relative;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.page-scope-contact .contact-hero{position:relative;padding:var(--space-4xl) 0 var(--space-3xl);text-align:center;overflow:hidden}.page-scope-contact .hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.page-scope-contact .hero-title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-lg)}.page-scope-contact .hero-subtitle{font-size:1.25rem;color:var(--text-soft);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.page-scope-contact .hero-stats{display:flex;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap;margin-top:var(--space-2xl)}.page-scope-contact .stat{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px}.page-scope-contact .stat i{font-size:2rem;color:var(--primary-blue)}.page-scope-contact .stat h3{font-size:2rem;margin:0;color:var(--text-dark);line-height:1}.page-scope-contact .stat p{color:var(--text-soft);margin:0;font-size:0.9rem}.page-scope-contact .hero-illustration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.page-scope-contact .floating-icon{position:absolute;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:white;border-radius:50%;font-size:2rem;animation:float 6s ease-in-out infinite}.page-scope-contact .floating-icon-2{top:20%;right:10%;background:linear-gradient(135deg,var(--success),#24b563);animation-delay:-2s;animation-duration:8s}.page-scope-contact .floating-icon-3{bottom:30%;left:15%;background:linear-gradient(135deg,#FFC947,#FF5A5F);animation-delay:-4s;animation-duration:7s}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.page-scope-contact .contact-channels{padding:var(--space-3xl) 0}.page-scope-contact .channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.page-scope-contact .channel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.page-scope-contact .channel-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.page-scope-contact .channel-header{padding:var(--space-xl);color:white;display:flex;align-items:center;gap:var(--space-lg)}.page-scope-contact .channel-header.support{background:linear-gradient(135deg,var(--primary-blue),var(--primary-hover))}.page-scope-contact .channel-header.business{background:linear-gradient(135deg,var(--success),#24b563)}.page-scope-contact .channel-header.social{background:linear-gradient(135deg,var(--accent-purple),#8B6DF5)}.page-scope-contact .channel-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.2);border-radius:50%;font-size:1.5rem}.page-scope-contact .channel-header h3{margin:0;font-size:1.5rem}.page-scope-contact .channel-content{padding:var(--space-xl)}.page-scope-contact .channel-content>p{color:var(--text-soft);margin-bottom:var(--space-lg);line-height:1.6}.page-scope-contact .channel-details{margin-bottom:var(--space-lg)}.page-scope-contact .detail-item{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--background);border-radius:var(--radius-md)}.page-scope-contact .detail-item:last-child{margin-bottom:0}.page-scope-contact .detail-item i{color:var(--primary-blue);font-size:1.2rem;margin-top:2px;flex-shrink:0}.page-scope-contact .detail-item h5{margin:0 0 var(--space-xs);color:var(--text-dark);font-size:0.95rem}.page-scope-contact .detail-item a{color:var(--primary-blue);text-decoration:none;transition:color var(--transition-fast)}.page-scope-contact .detail-item a:hover{color:var(--primary-hover);text-decoration:underline}.page-scope-contact .detail-item span{color:var(--text-soft);font-size:0.9rem}.page-scope-contact .channel-note{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,rgba(31,86,232,0.05),transparent);border-left:4px solid var(--primary-blue);border-radius:0 var(--radius-md) var(--radius-md) 0}.page-scope-contact .channel-note i{color:var(--primary-blue);margin-top:2px;flex-shrink:0}.page-scope-contact .channel-note p{color:var(--text-soft);font-size:0.9rem;margin:0}.page-scope-contact .social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.page-scope-contact .social-link{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-dark);transition:all var(--transition-fast)}.page-scope-contact .social-link:hover{transform:translateY(-2px);border-color:currentColor}.page-scope-contact .social-link.twitter:hover{color:#1DA1F2}.page-scope-contact .social-link.github:hover{color:#333}.page-scope-contact .social-link.discord:hover{color:#5865F2}.page-scope-contact .social-link.youtube:hover{color:#FF0000}.page-scope-contact .social-link.linkedin:hover{color:#0077B5}.page-scope-contact .social-link i{font-size:1.5rem;margin-bottom:var(--space-sm)}.page-scope-contact .social-link span{font-size:0.85rem}.page-scope-contact .contact-form-section{padding:var(--space-3xl) 0;background:linear-gradient(135deg,var(--background),var(--surface));border-radius:var(--radius-xl);margin-bottom:var(--space-3xl)}.page-scope-contact .form-header{text-align:center;margin-bottom:var(--space-2xl)}.page-scope-contact .section-title{display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-size:2rem;margin-bottom:var(--space-sm);color:var(--text-dark)}.page-scope-contact .section-title i{color:var(--primary-blue)}.page-scope-contact .section-subtitle{color:var(--text-soft);font-size:1.1rem;max-width:600px;margin:0 auto;line-height:1.6}.page-scope-contact .contact-form{max-width:800px;margin:0 auto}.page-scope-contact .form-messages{margin-bottom:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);display:none}.page-scope-contact .form-messages.success{display:block;background:linear-gradient(135deg,rgba(43,203,119,0.1),transparent);border:2px solid var(--success);color:var(--success)}.page-scope-contact .form-messages.error{display:block;background:linear-gradient(135deg,rgba(255,90,95,0.1),transparent);border:2px solid var(--error);color:var(--error)}.page-scope-contact .form-group{margin-bottom:var(--space-xl)}.page-scope-contact .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.page-scope-contact .form-row:last-child{margin-bottom:0}.page-scope-contact .form-field{position:relative}.page-scope-contact .form-field label{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--text-dark);font-weight:500}.page-scope-contact .form-field label i{color:var(--primary-blue)}.page-scope-contact .form-field input,.page-scope-contact .form-field select,.page-scope-contact .form-field textarea{width:100%;padding:var(--space-md);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.page-scope-contact .form-field input:focus,.page-scope-contact .form-field select:focus,.page-scope-contact .form-field textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(31,86,232,0.10)}.page-scope-contact .form-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236F7582'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;background-size:20px;padding-right:40px}.page-scope-contact .form-field textarea{resize:vertical;min-height:120px;font-family:inherit}.page-scope-contact .textarea-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);font-size:0.85rem;color:var(--text-soft)}.page-scope-contact .char-count{font-weight:500}.page-scope-contact .char-limit{opacity:0.7}.page-scope-contact .field-error{color:var(--error);font-size:0.85rem;margin-top:var(--space-xs);min-height:20px}.page-scope-contact .priority-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.page-scope-contact .priority-option{cursor:pointer}.page-scope-contact .priority-option input[type="radio"]{display:none}.page-scope-contact .priority-content{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.page-scope-contact .priority-option input[type="radio"]:checked + .priority-content{border-color:var(--primary-blue);background:var(--primary-blue-light)}.page-scope-contact .priority-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem}.page-scope-contact .priority-icon.low{background:rgba(31,86,232,0.10);color:var(--primary-blue)}.page-scope-contact .priority-icon.normal{background:rgba(43,203,119,0.1);color:var(--success)}.page-scope-contact .priority-icon.high{background:rgba(255,90,95,0.1);color:var(--error)}.page-scope-contact .priority-content h5{margin:0 0 var(--space-xs);color:var(--text-dark);font-size:1rem}.page-scope-contact .priority-content p{margin:0;color:var(--text-soft);font-size:0.85rem}.page-scope-contact .file-upload-area{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;background:var(--surface);transition:border-color var(--transition-fast)}.page-scope-contact .file-upload-area.dragover{border-color:var(--primary-blue);background:var(--primary-blue-light)}.page-scope-contact .upload-prompt{cursor:pointer}.page-scope-contact .upload-prompt i{font-size:3rem;color:var(--primary-blue);margin-bottom:var(--space-md)}.page-scope-contact .upload-prompt h5{margin-bottom:var(--space-sm);color:var(--text-dark)}.page-scope-contact .upload-prompt p{color:var(--text-soft);margin:0;font-size:0.9rem}.page-scope-contact .file-list{margin-top:var(--space-lg);display:none}.page-scope-contact .file-list.has-files{display:block}.page-scope-contact .file-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.page-scope-contact .file-item:last-child{margin-bottom:0}.page-scope-contact .file-info{display:flex;align-items:center;gap:var(--space-md)}.page-scope-contact .file-icon{color:var(--primary-blue);font-size:1.2rem}.page-scope-contact .file-details h6{margin:0 0 var(--space-xs);color:var(--text-dark);font-size:0.9rem}.page-scope-contact .file-details span{color:var(--text-soft);font-size:0.8rem}.page-scope-contact .file-remove{background:none;border:none;color:var(--error);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.page-scope-contact .file-remove:hover{background:rgba(255,90,95,0.1)}.page-scope-contact .response-options{display:flex;flex-direction:column;gap:var(--space-md)}.page-scope-contact .checkbox-option{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.page-scope-contact .checkbox-option:hover{border-color:var(--primary-blue)}.page-scope-contact .checkbox-option input[type="checkbox"]{width:18px;height:18px;border:2px solid var(--border);border-radius:var(--radius-sm);appearance:none;cursor:pointer;transition:all var(--transition-fast)}.page-scope-contact .checkbox-option input[type="checkbox"]:checked{background:var(--primary-blue);border-color:var(--primary-blue);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:12px}.page-scope-contact .checkbox-option span{color:var(--text-dark);font-size:0.95rem}.page-scope-contact .form-submit{text-align:center;margin-top:var(--space-2xl)}.page-scope-contact .form-submit .btn{min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md)}.page-scope-contact .submit-note{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--text-soft);font-size:0.9rem}.page-scope-contact .submit-note i{color:var(--primary-blue)}.page-scope-contact .submit-note strong{color:var(--text-dark)}.page-scope-contact .contact-faq{padding:var(--space-3xl) 0}.page-scope-contact .faq-header{text-align:center;margin-bottom:var(--space-2xl)}.page-scope-contact .faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.page-scope-contact .faq-item{padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition-normal)}.page-scope-contact .faq-item:hover{border-color:var(--primary-blue)}.page-scope-contact .faq-question{display:flex;align-items:center;gap:var(--space-md);margin:0 0 var(--space-md);color:var(--text-dark);font-size:1.1rem}.page-scope-contact .faq-question i{color:var(--primary-blue);font-size:1rem}.page-scope-contact .faq-answer p,.page-scope-contact .faq-answer ul,.page-scope-contact .faq-answer ol{margin:0 0 var(--space-sm);color:var(--text-soft);line-height:1.6}.page-scope-contact .faq-answer li{margin-bottom:var(--space-xs)}.page-scope-contact .faq-answer strong{color:var(--text-dark)}.page-scope-contact .location-section{padding:var(--space-3xl) 0;background:linear-gradient(135deg,var(--background),var(--surface));border-radius:var(--radius-xl);margin-bottom:var(--space-3xl)}.page-scope-contact .location-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.page-scope-contact .location-info{padding-right:var(--space-xl)}.page-scope-contact .address-card{display:flex;gap:var(--space-lg);padding:var(--space-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:var(--space-xl) 0}.page-scope-contact .address-icon{width:60px;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue),var(--accent-purple));color:white;border-radius:50%;font-size:1.5rem}.page-scope-contact .address-details h4{margin:0 0 var(--space-md);color:var(--text-dark)}.page-scope-contact .address-line{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);color:var(--text-soft)}.page-scope-contact .address-line i{color:var(--primary-blue);width:16px;text-align:center}.page-scope-contact .address-line:last-child{margin-bottom:0}.page-scope-contact .location-note{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,rgba(31,86,232,0.05),transparent);border-left:4px solid var(--primary-blue);border-radius:0 var(--radius-md) var(--radius-md) 0}.page-scope-contact .location-note i{color:var(--primary-blue);margin-top:2px;flex-shrink:0}.page-scope-contact .location-note p{color:var(--text-soft);font-size:0.9rem;margin:0}.page-scope-contact .location-map{height:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.page-scope-contact .map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-soft)}.page-scope-contact .map-placeholder i{font-size:4rem;margin-bottom:var(--space-md);color:var(--primary-blue);opacity:0.5}.page-scope-contact .map-placeholder h4{margin-bottom:var(--space-sm);color:var(--text-dark)}.page-scope-contact .map-placeholder p{margin:0}.page-scope-contact .newsletter-section{padding:var(--space-3xl) 0}.page-scope-contact .newsletter-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center}.page-scope-contact .newsletter-info .section-title{justify-content:flex-start;margin-bottom:var(--space-lg)}.page-scope-contact .newsletter-info>p{color:var(--text-soft);margin-bottom:var(--space-xl);line-height:1.6}.page-scope-contact .newsletter-benefits{list-style:none;padding:0;margin:0}.page-scope-contact .newsletter-benefits li{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);color:var(--text-soft)}.page-scope-contact .newsletter-benefits li i{color:var(--success)}.page-scope-contact .newsletter-form{background:var(--surface);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border)}.page-scope-contact .newsletter-form .form-group{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.page-scope-contact .newsletter-form input{flex:1;padding:var(--space-md);background:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1rem;color:var(--text-dark);transition:border-color var(--transition-fast)}.page-scope-contact .newsletter-form input:focus{outline:none;border-color:var(--primary-blue)}.page-scope-contact .newsletter-form .btn{white-space:nowrap}.page-scope-contact .form-note{display:flex;align-items:flex-start;gap:var(--space-sm);color:var(--text-soft);font-size:0.85rem}.page-scope-contact .form-note i{color:var(--primary-blue);margin-top:2px;flex-shrink:0}.page-scope-contact .form-note p{margin:0}@media (max-width:1024px){.page-scope-contact .hero-stats{gap:var(--space-lg)}.page-scope-contact .stat{min-width:180px}.page-scope-contact .location-content,.page-scope-contact .newsletter-content{grid-template-columns:1fr;gap:var(--space-xl)}.page-scope-contact .location-info{padding-right:0}}@media (max-width:768px){.page-scope-contact .contact-hero{padding:var(--space-2xl) 0}.page-scope-contact .hero-stats{flex-direction:column;align-items:center}.page-scope-contact .stat{width:100%;max-width:300px}.page-scope-contact .channels-grid{grid-template-columns:1fr}.page-scope-contact .social-links{grid-template-columns:repeat(3,1fr)}.page-scope-contact .form-row{grid-template-columns:1fr}.page-scope-contact .priority-options{grid-template-columns:1fr}.page-scope-contact .faq-grid{grid-template-columns:1fr}.page-scope-contact .newsletter-form .form-group{flex-direction:column}}@media (max-width:480px){.contact-container{padding:0 var(--space-sm)}.page-scope-contact .floating-icon{display:none}.page-scope-contact .channel-header{flex-direction:column;text-align:center;gap:var(--space-md)}.page-scope-contact .social-links{grid-template-columns:repeat(2,1fr)}.page-scope-contact .response-options{gap:var(--space-sm)}.page-scope-contact .checkbox-option{padding:var(--space-sm)}}