#contact_hero {padding:136px 0 80px;position:relative;z-index:1;text-align:center}.contact-hero-content {max-width:700px;margin:0 auto}.contact-hero-title {font-size:54px;font-weight:700;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg, #fff 0%, #C2CEED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero-subtitle {font-size:18px;line-height:1.6;color:#C2CEED;margin:0}#contact_cards {padding:0 0 80px}.contact-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:32px}.contact-card {background:rgba(31, 35, 66, 0.4);border:1px solid rgba(117, 106, 246, 0.2);border-radius:24px;padding:40px 32px;transition:all 0.4s ease;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.contact-card::before {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(117, 106, 246, 0.1) 0%, transparent 70%);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.contact-card:hover::before {opacity:1}.contact-card:hover {transform:translateY(-8px);border-color:rgba(117, 106, 246, 0.4);box-shadow:0 20px 60px rgba(117, 106, 246, 0.2);background:rgba(31, 35, 66, 0.5)}.contact-card-icon {width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg, rgba(117, 106, 246, 0.1) 0%, rgba(204, 125, 218, 0.1) 100%);border:1px solid rgba(117, 106, 246, 0.3);display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#756AF6;transition:all 0.4s ease}.contact-card:hover .contact-card-icon {transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg, rgba(117, 106, 246, 0.2) 0%, rgba(204, 125, 218, 0.2) 100%)}.contact-card-title {font-size:24px;font-weight:600;color:#fff;margin:0 0 16px 0}.contact-card-description {font-size:15px;line-height:1.6;color:#8E94B8;margin:0 0 32px 0;flex:1}.contact-card-button {display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg, #756AF6 0%, #CC7DDA 50%, #F6BE85 100%);border:none;border-radius:60px;font-size:15px;font-weight:600;color:#fff;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(117, 106, 246, 0.3)}.contact-card-button:hover {transform:translateY(-2px);box-shadow:0 8px 30px rgba(117, 106, 246, 0.4);color:#fff}.contact-card-button svg {transition:transform 0.3s ease}.contact-card-button:hover svg {transform:translate(2px, -2px)}#contact_faq {padding:60px 0 80px;background:rgba(244, 247, 250, 0.02)}.contact-faq-header {text-align:center;max-width:700px;margin:0 auto 50px}.contact-faq-header h2 {font-size:42px;font-weight:700;color:#fff;margin-bottom:16px}.contact-faq-header p {font-size:16px;color:#C2CEED;margin:0}.contact-faq-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}.faq-card {background:rgba(31, 35, 66, 0.3);border:1px solid rgba(117, 106, 246, 0.1);border-radius:20px;padding:32px;transition:all 0.3s ease}.faq-card:hover {background:rgba(31, 35, 66, 0.4);border-color:rgba(117, 106, 246, 0.2);transform:translateY(-4px)}.faq-card h3 {font-size:18px;font-weight:600;color:#fff;margin:0 0 12px 0}.faq-card p {font-size:15px;line-height:1.6;color:#8E94B8;margin:0}@media (max-width:1024px) {.contact-hero-title {font-size:46px}.contact-hero-subtitle {font-size:16px}#contact_hero {padding:110px 0 60px}.contact-grid {grid-template-columns:1fr;gap:24px}.contact-faq-header h2 {font-size:36px}}@media (max-width:767px) {#contact_hero {padding:90px 0 50px}.contact-hero-title {font-size:36px;margin-bottom:20px}.contact-hero-subtitle {font-size:15px}#contact_cards {padding:40px 0 60px}.contact-card {padding:32px 24px}.contact-card-icon {width:64px;height:64px}.contact-card-icon svg {width:36px;height:36px}.contact-card-title {font-size:20px}.contact-card-description {font-size:14px;margin-bottom:24px}.contact-card-button {font-size:14px;padding:12px 20px}.contact-faq-header h2 {font-size:28px}.contact-faq-header p {font-size:15px}.contact-faq-grid {grid-template-columns:1fr;gap:16px}.faq-card {padding:24px}.faq-card h3 {font-size:16px}.faq-card p {font-size:14px}#contact_faq {padding:40px 0 60px}}