.contact-container{background:linear-gradient(135deg,#f5f7fa 0%,#f0f4f8 100%);min-height:100vh;margin-top:80px;padding:60px 20px}.contact-header{text-align:center;margin-bottom:60px;animation:.6s ease-out fadeInDown}.displayfordex{background:linear-gradient(135deg,#f5576c14 0%,#f093fb14 100%);border:1px solid #f5576c26;border-radius:12px;flex-flow:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;padding:25px;display:flex}.contact-header h1{color:#1a1a1a;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem;font-weight:700}.contact-header h2{color:#1a1a1a;background:linear-gradient(135deg,#764ba2 0%,#f093fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:5px 0 20px;font-size:2.5rem;font-weight:700}.contact-header p{color:#666;max-width:600px;margin:0 auto;font-size:1.2rem}.contact-content{grid-template-columns:repeat(2,1fr);gap:30px;max-width:1200px;margin:0 auto 60px;animation:.6s ease-out .2s both fadeInUp;display:grid}.contact-card{text-align:center;background:#fff;border-radius:16px;padding:40px;transition:all .3s;box-shadow:0 4px 15px #0000001a}.contact-card:first-child{order:1}.contact-card:nth-child(2){background:linear-gradient(135deg,#fff5f7 0%,#fff8fa 100%);border:2px solid #f5576c40;order:3;grid-column:1/-1;max-width:100%;padding:50px 40px}.contact-card:nth-child(2):hover{border-color:#f5576c66;box-shadow:0 16px 40px #f5576c40}.contact-card:nth-child(3){order:2}.contact-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #667eea33}.card-icon{margin-bottom:20px;font-size:3rem;display:inline-block}.contact-card:nth-child(2) .card-icon{margin-bottom:0;font-size:4rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-card h3{color:#1a1a1a;margin:0 0 15px;font-size:1.6rem;font-weight:700}.contact-card:nth-child(2) h3{color:#f5576c;background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.contact-card p{color:#666;text-align:justify;margin:0 0 25px;font-size:1rem;line-height:1.6}.contact-card:nth-child(2) p{color:#555;margin:25px 0;font-size:1.05rem;font-weight:500;line-height:1.8}.contact-actions{flex-direction:column;gap:12px;margin:30px 0;display:flex}.contact-button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.query-button{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.query-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea4d}.session-button{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.session-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #f5576c4d}.button-icon{font-size:1.2rem}.contact-note{text-align:left;background:#f8f9fc;border-left:4px solid #667eea;border-radius:8px;margin-top:25px;padding:20px}.contact-note p{color:#555;text-align:justify;margin:8px 0;font-size:.95rem;line-height:1.6}.contact-card:nth-child(2) .contact-note{background:linear-gradient(135deg,#f5576c14 0%,#f093fb14 100%);border:1px solid #f5576c26;border-radius:10px;margin-top:30px;padding:25px;box-shadow:0 4px 12px #f5576c1a}.contact-card:nth-child(2) .contact-note p{color:#333;align-items:flex-start;gap:12px;margin:12px 0;font-weight:500;display:flex}.contact-card:nth-child(2) .contact-note p:before{content:"✓";color:#f5576c;flex-shrink:0;font-size:1.1rem;font-weight:800}.email-section{background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%);border-radius:10px;margin:30px 0;padding:25px}.email-link{color:#667eea;border-bottom:2px solid #667eea;font-size:1.3rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.email-link:hover{color:#764ba2;border-bottom-color:#764ba2}.phone-section{background:0 0;border-radius:0;margin:0;padding:0}.phone-link{color:#f5576c;letter-spacing:.5px;background:linear-gradient(135deg,#f5576c1a 0%,#f093fb1a 100%);border-bottom:3px solid #f5576c;border-radius:6px;padding:12px 20px;font-size:1.6rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-block;position:relative}.phone-link:hover{color:#fff;background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);border-bottom-color:#f093fb;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 25px #f5576c4d}.contact-footer{text-align:center;animation:.6s ease-out .4s both fadeInUp}.footer-note{background:linear-gradient(135deg,#fff5e6 0%,#ffe6cc 100%);border:2px solid orange;border-radius:12px;max-width:600px;margin:0 auto;padding:30px}.note-icon{margin-bottom:10px;font-size:2rem;display:block}.footer-note p{color:#d97706;margin:0;font-size:1.05rem;font-weight:500;line-height:1.6}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-container{padding:40px 15px}.contact-header h1{font-size:2rem}.contact-header h2{font-size:1.5rem}.contact-header p{font-size:1rem}.contact-content{grid-template-columns:1fr;gap:20px}.contact-card{padding:30px}.contact-card:nth-child(2){grid-column:1;padding:35px 25px}.contact-card h3{font-size:1.3rem}.contact-card:nth-child(2) h3{font-size:1.5rem}.displayfordex{gap:12px;margin-bottom:20px;padding:20px}.displayfordex .card-icon{font-size:2.8rem}.phone-link{padding:10px 15px;font-size:1.3rem}.contact-actions{margin:20px 0}.contact-button{padding:12px 24px;font-size:.95rem}.displayfordex{flex-direction:column;gap:12px}.phone-link{font-size:1.2rem}}@media (max-width:480px){.contact-container{padding:30px 15px}.contact-header h1{font-size:1.8rem}.contact-header h2{font-size:1.3rem}.contact-header p{font-size:.95rem}.contact-card{padding:20px}.contact-card:nth-child(2){padding:25px 18px}.card-icon{margin-bottom:15px;font-size:2.5rem}.contact-card:nth-child(2) .card-icon{font-size:3rem}.contact-card h3{font-size:1.1rem}.contact-card p{font-size:.9rem}.contact-button{padding:10px 20px;font-size:.9rem}.email-link,.phone-link{font-size:1.1rem}.footer-note{padding:20px}.footer-note p{font-size:.95rem}}:root.dark-mode .contact-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%)}:root.dark-mode .contact-header h1{color:#e0e0e0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root.dark-mode .contact-header h2{color:#e0e0e0;background:linear-gradient(135deg,#764ba2 0%,#f093fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root.dark-mode .contact-header p{color:#b0b0b0}:root.dark-mode .contact-card{background:#0f3460;box-shadow:0 4px 15px #0000004d}:root.dark-mode .contact-card:hover{box-shadow:0 12px 32px #667eea40}:root.dark-mode .contact-card:nth-child(2){background:linear-gradient(135deg,#f5576c1f 0%,#f093fb1f 100%);border-color:#f5576c4d}:root.dark-mode .contact-card:nth-child(2):hover{border-color:#f5576c80;box-shadow:0 16px 40px #f5576c4d}:root.dark-mode .contact-card:nth-child(2) h3{background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}:root.dark-mode .displayfordex{background:linear-gradient(135deg,#f5576c26 0%,#f093fb26 100%);border-color:#f5576c40}:root.dark-mode .phone-link{color:#ff9ac2;background:linear-gradient(135deg,#f5576c33 0%,#f093fb33 100%)}:root.dark-mode .phone-link:hover{color:#fff;background:linear-gradient(135deg,#f5576c 0%,#f093fb 100%);box-shadow:0 10px 25px #f5576c66}:root.dark-mode .contact-card:nth-child(2) .contact-note{background:linear-gradient(135deg,#f5576c26 0%,#f093fb26 100%);border-color:#f5576c59;box-shadow:0 4px 12px #f5576c26}:root.dark-mode .contact-card:nth-child(2) .contact-note p,:root.dark-mode .contact-card h3{color:#e0e0e0}:root.dark-mode .contact-card p{color:silver}:root.dark-mode .contact-note{background:#1a2a3a;border-left-color:#667eea}:root.dark-mode .contact-note p{color:#b0b0b0}:root.dark-mode .email-section{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%)}:root.dark-mode .email-link{color:#667eea;border-bottom-color:#667eea}:root.dark-mode .email-link:hover{color:#764ba2;border-bottom-color:#764ba2}:root.dark-mode .footer-note{background:linear-gradient(135deg,#9f640a33 0%,#ffa5001a 100%);border-color:#ff8c00}:root.dark-mode .footer-note p{color:orange}