.contact-page{background-color:#f5f7fa;flex-direction:column;align-items:center;width:100%;margin-top:0;padding-top:0;display:flex}.contact-page .hero-section{width:100%;height:60vh;margin-top:0;margin-bottom:0;position:relative;overflow:hidden}.contact-page .hero-section:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#0a23409e 0%,#00336685 60%,#c6282861 100%);width:100%;height:100%;position:absolute;top:0;left:0}.contact-page .hero-image{object-fit:cover;width:100%;height:100%}.contact-page .hero-image-container{width:100%;height:100%;position:absolute;top:0;left:0}.contact-page .hero-text{color:#fff;text-align:center;z-index:2;max-width:800px;padding:0 2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-page .hero-text h1{color:#fff;text-shadow:2px 2px 8px #000000b3;margin-bottom:1rem;font-size:3rem;font-weight:700}.contact-page .hero-text h2{color:#fff;text-shadow:1px 1px 4px #000000b3;margin-bottom:1rem;font-size:1.6rem;font-weight:500}.contact-page .hero-subtext{color:#e0e0e0;text-shadow:1px 1px 3px #000000b3;font-size:1.1rem}.contact-content{width:100%;max-width:1200px;padding:3rem 2rem 2rem}.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.info-card{text-align:center;background:#fff;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #00000014}.info-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00336626}.info-icon{color:#036;background:#f0f4f8;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.info-card h3{color:#036;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.info-card p{color:#666;margin-bottom:1rem;font-size:1rem}.info-link{color:#c62828;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block}.info-link:hover{color:#036}.contact-form-section{background:#fff;border-radius:16px;margin-bottom:4rem;padding:3rem;box-shadow:0 4px 20px #00000014}.contact-form-section h2{color:#1a1a1a;text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.form-description{text-align:center;color:#666;margin-bottom:2.5rem;font-size:1.1rem}.contact-form{max-width:800px;margin:0 auto}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c62828;outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-button{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.85rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #25d3664d}.submit-button:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 30px #25d36666}.quick-links-section{margin-bottom:2rem}.quick-links-section h3{color:#1a1a1a;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.quick-links-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.quick-link-card{text-align:center;color:inherit;background:#fff;border-radius:16px;padding:2rem;text-decoration:none;transition:all .3s;box-shadow:0 4px 20px #00000014}.quick-link-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00336626}.qlink-icon{color:#036;background:#f0f4f8;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.quick-link-card h4{color:#036;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.quick-link-card p{color:#666;font-size:1rem;line-height:1.5}@media (max-width:768px){.contact-page .hero-section{height:50vh}.contact-page .hero-text h1{font-size:2.2rem}.contact-page .hero-text h2{font-size:1.35rem}.contact-info-grid{grid-template-columns:1fr;gap:1.5rem}.contact-form-section{padding:2rem}.contact-form-section h2{font-size:2rem}.form-row{grid-template-columns:1fr;gap:0}.quick-links-grid{grid-template-columns:1fr}}@media (max-width:480px){.contact-page .hero-text h1{font-size:2rem}.contact-page .hero-text h2{font-size:1.2rem}.contact-form-section{padding:1.5rem}.submit-button{padding:1rem 2rem}}
