:root{--techblue: #2563EB;--turcoaz: #14B8A6;--violet: #9333EA;--lightbackground:#F3F4F6;--darkbackground:#111827}.contact-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:2rem;margin:1rem 0;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.contact-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px #00000026}.contact-gradient-card{background:linear-gradient(135deg,var(--techblue),var(--violet));border-radius:20px;padding:2rem;color:#fff;transition:all .3s ease}.contact-form-group{position:relative;margin-bottom:1.5rem}.contact-input,.contact-textarea{width:100%;padding:1rem 1.25rem;border:2px solid rgba(229,231,235,1);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:var(--techblue);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.contact-label{position:absolute;left:1.25rem;top:1rem;color:#6b7280;font-size:1rem;transition:all .3s ease;pointer-events:none;background:transparent;padding:0 .25rem}.contact-input:not(:-moz-placeholder)+.contact-label,.contact-textarea:not(:-moz-placeholder)+.contact-label{top:-.5rem;font-size:.875rem;color:var(--techblue);background:#fff;padding:0 .5rem}.contact-input:focus+.contact-label,.contact-input:not(:placeholder-shown)+.contact-label,.contact-textarea:focus+.contact-label,.contact-textarea:not(:placeholder-shown)+.contact-label{top:-.5rem;font-size:.875rem;color:var(--techblue);background:#fff;padding:0 .5rem}.contact-submit-btn{background:linear-gradient(135deg,var(--techblue),var(--violet));border:none;padding:1rem 2rem;border-radius:12px;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;width:100%;position:relative;overflow:hidden}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb4d}.contact-submit-btn:active{transform:translateY(0)}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.contact-info-card{background:linear-gradient(135deg,#2563eb0d,#14b8a60d);border:1px solid rgba(37,99,235,.1);border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.contact-info-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb1a}.contact-icon{width:48px;height:48px;background:linear-gradient(45deg,var(--techblue),var(--violet));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff}.contact-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.contact-success{background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border:1px solid rgba(34,197,94,.2);color:#059669;padding:1rem;border-radius:12px;margin-bottom:1.5rem}.dark .contact-card{background:#1f2937f2;border-color:#4b55634d}.dark .contact-input,.dark .contact-textarea{background:#1f2937e6;border-color:#4b5563;color:#fff}.dark .contact-input:focus,.dark .contact-textarea:focus{background:#1f2937;border-color:var(--turcoaz);box-shadow:0 0 0 3px #14b8a61a}.dark .contact-label{color:#9ca3af}.dark .contact-input:not(:-moz-placeholder)+.contact-label,.dark .contact-textarea:not(:-moz-placeholder)+.contact-label{color:var(--turcoaz);background:#1f2937}.dark .contact-input:focus+.contact-label,.dark .contact-input:not(:placeholder-shown)+.contact-label,.dark .contact-textarea:focus+.contact-label,.dark .contact-textarea:not(:placeholder-shown)+.contact-label{color:var(--turcoaz);background:#1f2937}.dark .contact-info-card{background:linear-gradient(135deg,#14b8a60d,#2563eb0d);border-color:#14b8a61a}@media (max-width: 768px){.contact-card{padding:1.5rem;margin:.5rem 0}.contact-submit-btn{padding:.875rem 1.5rem;font-size:1rem}}