#contact{background:#0e0e12;min-height:100vh}#contact .hero-section{background:linear-gradient(135deg,#7358d926,#0e0e12f2);border-bottom:1px solid rgba(115,88,217,.1);overflow:hidden;padding:60px 0;position:relative}#contact .hero-section:before{background:radial-gradient(circle at 50% 50%,rgba(115,88,217,.1) 0,transparent 70%);content:"";inset:0;opacity:.5;position:absolute}#contact .hero-section .hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}#contact .hero-section .hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 12px rgba(0,0,0,.5)}#contact .hero-section .hero-subtitle{color:#e2e8f0;font-size:1.25rem;line-height:1.6;margin:0;opacity:.9}#contact .contact-section{background:#0e0e12;padding:80px 0 120px;position:relative}#contact .contact-form-card,#contact .contact-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ccc;border:1px solid rgba(115,88,217,.15);border-radius:20px;box-shadow:0 8px 32px #0000004d;height:100%;margin-bottom:2rem;overflow:hidden;position:relative;transition:all .3s ease}#contact .contact-form-card:hover,#contact .contact-info-card:hover{border-color:#7358d94d;box-shadow:0 20px 60px #7358d933;transform:translateY(-4px)}#contact .card-background{background:linear-gradient(135deg,#7358d933,#7358d90d);border-radius:20px 20px 0 0;height:120px;left:0;position:absolute;right:0;top:0}#contact .card-background .bg-pattern{background:radial-gradient(circle at 20% 30%,rgba(115,88,217,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(115,88,217,.08) 0,transparent 50%);inset:0;position:absolute}#contact .card-content{display:flex;flex-direction:column;height:100%;padding:2.5rem;position:relative;z-index:2}#contact .form-header,#contact .info-header{margin-bottom:2.5rem;margin-top:1.5rem;text-align:center}#contact .form-header .v-icon,#contact .info-header .v-icon{margin-bottom:1rem}#contact .form-title,#contact .info-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}#contact .form-subtitle,#contact .info-subtitle{color:#a0aec0;font-size:1rem;line-height:1.5;margin:0}#contact .contact-methods{display:flex;flex:1;flex-direction:column;gap:2rem;margin-bottom:2rem}#contact .contact-method{align-items:flex-start;background:#ffffff05;border:1px solid hsla(0,0%,100%,.05);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}#contact .contact-method:hover{background:#ffffff0a;border-color:#7358d94d;transform:translate(4px)}#contact .method-icon{align-items:center;background:#7358d91a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}#contact .method-content{flex:1}#contact .method-label{color:#a0aec0;font-size:.875rem;font-weight:500;margin-bottom:.25rem}#contact .method-value{color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s ease}#contact .method-value:hover{color:#7c3aed}#contact .response-time{margin-top:auto}#contact .response-badge{align-items:center;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:25px;color:#4ade80;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}#contact .contact-form{display:flex;flex:1;flex-direction:column}#contact .form-group{margin-bottom:1.5rem}#contact .form-field .v-field{border:1px solid hsla(0,0%,100%,.1);border-radius:12px;transition:all .3s ease}#contact .form-field .v-field:hover{border-color:#7358d94d}#contact .form-field .v-field.v-field--focused{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}#contact .form-field .v-field__input{color:#fff;padding:16px}#contact .form-field .v-label{color:#a0aec0}#contact .form-actions{margin-top:auto}#contact .submit-btn{box-shadow:0 4px 12px #7c3aed4d;font-size:1rem;font-weight:600;height:56px;letter-spacing:.025em;text-transform:none;transition:all .3s ease}#contact .submit-btn:hover{box-shadow:0 8px 20px #7c3aed66;transform:translateY(-2px)}#contact .submit-btn:disabled{box-shadow:none;opacity:.5;transform:none}@media (max-width:768px){#contact .hero-section{padding:60px 0 40px}#contact .hero-section .hero-title{font-size:2.5rem;margin-bottom:1rem}#contact .hero-section .hero-subtitle{font-size:1.1rem}#contact .contact-section{padding:60px 0 80px}#contact .card-content{padding:2rem}#contact .form-header,#contact .info-header{margin-bottom:2rem;margin-top:1rem}#contact .contact-methods{gap:1.5rem;margin-bottom:1.5rem}#contact .contact-method{padding:1.25rem}#contact .method-icon{height:40px;width:40px}}@media (max-width:480px){#contact .hero-section{padding:40px 0 30px}#contact .hero-section .hero-title{font-size:2rem}#contact .hero-section .hero-subtitle{font-size:1rem}#contact .card-content{padding:1.5rem}#contact .form-title,#contact .info-title{font-size:1.25rem}#contact .contact-method{padding:1rem}#contact .form-group{margin-bottom:1.25rem}}.v-textarea .v-field{--v-textarea-control-height:var(--v-input-control-height)}.v-textarea .v-field__field{--v-input-control-height:var(--v-textarea-control-height)}.v-textarea .v-field__input{flex:1 1 auto;-webkit-mask-image:linear-gradient(to bottom,transparent,transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px),#000 calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));mask-image:linear-gradient(to bottom,transparent,transparent calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) - 6px),#000 calc(var(--v-field-padding-top, 0) + var(--v-input-padding-top, 0) + 4px));outline:none}.v-textarea .v-field__input.v-textarea__sizer{height:0!important;left:0;min-height:0!important;pointer-events:none;position:absolute;top:0;visibility:hidden}.v-textarea--no-resize .v-field__input{resize:none}.v-textarea .v-field--active textarea,.v-textarea .v-field--no-label textarea{opacity:1}.v-textarea textarea{flex:1;height:100%;min-width:0;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}.v-textarea textarea:active,.v-textarea textarea:focus{outline:none}.v-textarea textarea:invalid{box-shadow:none}