.contact-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#f3f4f6}.contact-card{margin-top:2%;background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.1);width:100%;max-width:400px;text-align:center}.contact-title{margin-top:5%;font-size:1.25rem;font-weight:700;color:#1e5631}.contact-subtitle{font-size:.875rem;color:gray;margin-top:4px}.contact-email{color:#32cd32;font-weight:500;text-decoration:none}.contact-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.input-group{display:flex;align-items:center;background:#f3f3f3;border-radius:8px;padding:10px}.input-group input,.input-group textarea{flex:1;background:transparent;border:none;outline:none;padding:8px;font-size:14px}.input-icon{color:#a0a0a0;width:20px;height:20px}.textarea-group{align-items:flex-start}.textarea-icon{margin-top:8px}.contact-button{width:100%;background:#32cd32;color:#fff;font-weight:500;padding:10px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.contact-button:hover{background:#28a428}.page-overlay{top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:10}.page-overlay,.spinner-container{position:fixed;cursor:not-allowed}.spinner-container{top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}