.mystical-contact-form{background:linear-gradient(135deg,#0f0f0f 0%,#080808 50%,var(--color-gothic-black) 100%);color:var(--color-bone-white);position:relative;overflow:hidden}.mystical-form__header{text-align:center;margin-bottom:3rem;position:relative;z-index:2}@media screen and (min-width: 750px){.mystical-contact-form{padding-top:2rem}}.mystical-form__heading{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin-bottom:1rem;color:var(--color-bone-white);text-transform:uppercase;letter-spacing:1px}.mystical-form__subtext{font-size:1.1rem;color:var(--color-silver);max-width:600px;margin:0 auto}.mystical-form__container{max-width:800px;margin:0 auto;position:relative;z-index:2}.mystical-form{background:linear-gradient(145deg,#1a1a1ae6,#000000e6);border:1px solid rgba(245,245,220,.1);border-radius:16px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 40px #0000004d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-field{display:flex;flex-direction:column}.form-field--full{grid-column:1 / -1}.form-field--submit{margin-top:1rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;color:var(--color-bone-white);margin-bottom:.8rem;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}.form-label-icon{font-size:1rem;opacity:.7}.form-input,.form-select,.form-textarea{padding:1rem 1.5rem;background:var(--color-gothic-black);border:2px solid rgba(245,245,220,.2);border-radius:8px;color:var(--color-bone-white);font-size:1.1rem;font-family:var(--font-body);transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-bone-white);box-shadow:0 0 0 3px #f5f5dc1a;background:#1a1a1acc}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-silver);opacity:.7}.form-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f5f5dc' viewBox='0 0 16 16'%3e%3cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px;padding-right:3rem}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-success{background:linear-gradient(145deg,#00640033,#00500033);border:1px solid rgba(0,255,0,.3);border-radius:12px;padding:2rem;text-align:center;margin-bottom:2rem}.success-icon{font-size:3rem;margin-bottom:1rem;animation:successPulse 2s ease-in-out infinite}.form-success h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:.5rem;color:var(--color-bone-white)}.form-success p{color:var(--color-silver);margin:0}.form-errors{background:linear-gradient(145deg,#8b000033,#64000033);border:1px solid rgba(139,0,0,.5);border-radius:12px;padding:2rem;margin-bottom:2rem}.form-errors h3{font-family:var(--font-heading);font-size:1.3rem;margin-bottom:1rem;color:var(--color-crimson)}.form-errors ul{list-style:none;padding:0;margin:0}.form-errors li{color:var(--color-silver);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.form-errors li:before{content:"\26a0\fe0f";position:absolute;left:0;top:0}.mystical-submit-btn{position:relative;width:100%;padding:1.5rem 2rem;background:transparent;border:2px solid var(--color-bone-white);color:var(--color-bone-white);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:8px;cursor:pointer;transition:all .4s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-heading)}.mystical-submit-btn:hover{background:var(--color-bone-white);color:var(--color-gothic-black);border-color:var(--color-bone-white);box-shadow:0 0 30px #f5f5dc99,0 10px 30px #0000004d;transform:translateY(-3px)}.btn-text{position:relative;z-index:3}.btn-icon{font-size:1.3rem;position:relative;z-index:3;animation:iconFlicker 3s ease-in-out infinite}.btn-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(245,245,220,.3),transparent);transition:left .6s ease}.mystical-submit-btn:hover .btn-glow{left:100%}@keyframes successPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes iconFlicker{0%,to{opacity:1}50%{opacity:.7}}@media screen and (max-width: 749px){.form-grid{grid-template-columns:1fr;gap:1.2rem}.mystical-form{padding:2rem 1.5rem}.mystical-form__header{margin-bottom:2rem}.form-input,.form-select,.form-textarea{padding:.8rem 1rem}.mystical-submit-btn{padding:1.2rem 1.5rem;font-size:1rem}.form-success,.form-errors{padding:1.5rem}}.mystical-form:after{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(139,0,0,.05) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:mysticalGlow 8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes mysticalGlow{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-mystical-contact-form.css.map */