.contact-page{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#030711,#0c0f1d,#030711)}.contact-header{background:linear-gradient(135deg,#8b5cf626,#6366f11a);padding:6rem 2rem 3rem;color:#fff;text-align:center;position:relative;overflow:hidden}.contact-header:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 70%);pointer-events:none}.contact-header-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.contact-header h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(to right,#a78bfa,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-header p{font-size:1.2rem;color:#ffffffb3;max-width:600px;margin:0 auto}.contact-form-container{max-width:600px;margin:-2rem auto 3rem;padding:2.5rem;border-radius:1.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px #00000080,0 0 60px #8b5cf61a;position:relative;z-index:10}.contact-form-container h2{background:linear-gradient(to right,#a78bfa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;text-align:center;font-size:1.75rem}.contact-intro{text-align:center;margin-bottom:2rem;color:#fff9;line-height:1.6;font-size:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#fffc;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;background:#ffffff0d;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#fff6}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{border-color:#8b5cf680;outline:none;box-shadow:0 0 0 3px #8b5cf626;background:#ffffff14}.form-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:.75rem;padding:1rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%;margin-top:1rem;box-shadow:0 10px 30px #8b5cf64d}.form-button:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-2px);box-shadow:0 15px 40px #8b5cf666}.form-button:disabled{background:#8b5cf64d;cursor:not-allowed;transform:none;box-shadow:none}.success-message{text-align:center;padding:2rem}.success-message h3{color:#4ade80;margin-bottom:1rem;font-size:1.5rem}.success-message p{color:#ffffffb3}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.75rem;padding:1rem;margin-top:1rem;color:#f87171}@media (max-width: 768px){.contact-header{padding:5rem 1rem 2rem}.contact-header h1{font-size:2rem}.contact-form-container{margin:-1rem 1rem 2rem;padding:1.5rem}}