.contact-page{width:100%}.contact-hero{text-align:center;background:linear-gradient(135deg,#f8fafc,#eef2ff);padding:37px 0 90px;position:relative;overflow:hidden}.contact-hero:before{content:"";z-index:0;background:radial-gradient(circle,#2563eb26,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.contact-hero .hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:#1e40af;background:#e0e7ff;border-radius:999px;margin-bottom:25px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.contact-hero h1{color:#0f172a;margin-bottom:25px;font-size:48px;line-height:1.2}.contact-hero h1 span{background:linear-gradient(135deg,#2563eb,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.contact-hero p{color:#475569;max-width:600px;margin:0 auto;font-size:18px;line-height:1.7}.contact-section{justify-content:center;padding:80px 0;display:flex}.contact-wrapper{align-items:flex-start;gap:60px;width:100%;max-width:1200px;display:flex}.contact-info{flex-direction:column;flex:1;gap:25px;display:flex}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}.info-card svg{color:#2563eb;font-size:22px}.info-card h3{color:#0f172a;margin-bottom:5px;font-size:18px}.info-card p{color:#475569;font-size:14px}.info-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0f172a14}.contact-form-wrapper{flex:1.2}.contact-form{background:#fff;border-radius:16px;flex-direction:column;gap:20px;padding:45px;display:flex;box-shadow:0 25px 60px #0f172a14}.contact-form h2{color:#0f172a;margin-bottom:10px;font-size:24px}.contact-form input,.contact-form textarea{border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:14px;font-size:14px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.contact-form button{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#f97316);border:none;border-radius:999px;padding:14px;font-weight:600;transition:all .3s}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 15px 35px #2563eb40}@media (max-width:992px){.contact-wrapper{flex-direction:column}.contact-hero h1{font-size:34px}}.form-error{color:#dc2626;font-size:14px}.form-success{color:#16a34a;font-size:14px}