.contact-form{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;box-shadow:0 25px 50px #0000001a}.contact-form .form-group{margin-bottom:24px}.contact-form .form-label{font-weight:600;color:#374151;margin-bottom:8px}.contact-form .form-input,.contact-form .form-textarea{background:#fffc;border:2px solid #e5e7eb;border-radius:12px;padding:16px;font-size:16px;transition:all .3s ease}.contact-form .form-input:focus,.contact-form .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.contact-info-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:20px;transition:all .3s ease;padding:32px}.contact-info-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.contact-info-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.contact-info-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:8px}.contact-info-text{color:#6b7280;font-size:16px;line-height:1.6}.form-error{color:#ef4444;font-size:14px;margin-top:4px}.form-success{color:#10b981;font-size:14px;margin-top:4px}.submit-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;width:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading{position:relative;color:transparent}.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.contact-hero{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="contact-pattern" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="2" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23contact-pattern)"/></svg>');opacity:.3}.contact-hero-content{position:relative;z-index:1}@media (max-width: 768px){.contact-form{padding:24px}.contact-info-card{padding:24px;margin-bottom:24px}.contact-info-icon{width:56px;height:56px}}@media (max-width: 640px){.contact-form,.contact-info-card{padding:20px}.submit-btn{padding:14px 24px;font-size:14px}}