.contact-page{--contact-line:var(--mc-line);--contact-line-strong:var(--mc-line-strong);--contact-field:#ffffff08;--contact-wa:#25d366;--contact-wa-deep:#1da851}.contact-shell{flex-direction:column;margin-top:2.5rem;display:flex}.contact-reason{flex-direction:column;gap:.55rem;display:flex}.contact-reason-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.contact-select{appearance:none;border:1px solid var(--contact-line-strong);background-color:var(--contact-field);min-width:0;color:var(--mc-foreground-bright);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239795b8' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;border-radius:12px;flex:16rem;padding:.8rem 2.4rem .8rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-select:focus-visible{border-color:var(--mc-primary);outline:none;box-shadow:0 0 0 3px #a7a5ff40}.contact-select option{color:#111}.contact-chip{color:var(--mc-foreground);white-space:nowrap;background:#a7a5ff14;border:1px solid #a7a5ff47;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.85rem;display:inline-flex}.contact-chip-key{letter-spacing:.16em;text-transform:uppercase;color:var(--mc-primary);font-size:.6rem;font-weight:600}.contact-wa-wrap{flex-direction:column;align-items:center;margin-top:1.8rem;display:flex}.contact-wa{color:#04210f;background:linear-gradient(150deg, var(--contact-wa), var(--contact-wa-deep));border-radius:999px;align-items:center;gap:.6rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 28px -12px #25d36699}.contact-wa:hover{transform:translateY(-1px);box-shadow:0 14px 34px -12px #25d366b3}.contact-wa:focus-visible{outline:none;box-shadow:0 0 0 3px #25d36666}.contact-wa-note{color:var(--mc-foreground-dim);margin-top:.7rem;font-size:.85rem}.contact-divider{color:var(--mc-foreground-dim);align-items:center;gap:1rem;margin:2rem 0 1.6rem;font-size:.8rem;display:flex}.contact-divider:before,.contact-divider:after{content:"";background:var(--contact-line);flex:1;height:1px}.contact-form{flex-direction:column;gap:1.1rem;display:flex}.contact-field{flex-direction:column;gap:.4rem;display:flex}.contact-label{color:var(--mc-foreground);font-size:.85rem;font-weight:500}.contact-input{border:1px solid var(--contact-line-strong);background-color:var(--contact-field);color:var(--mc-foreground-bright);border-radius:12px;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.contact-input::placeholder{color:var(--mc-foreground-dim)}.contact-req{color:var(--mc-foreground-dim);font-size:.82em;font-weight:400}.contact-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-input:focus-visible{border-color:var(--mc-primary);outline:none;box-shadow:0 0 0 3px #a7a5ff40}.contact-textarea{resize:vertical;min-height:7rem;line-height:1.5}.contact-hp{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-actions{flex-direction:column;align-items:center;gap:.8rem;margin-top:.3rem;display:flex}.contact-submit{color:var(--mc-bg-deep);background:var(--mc-primary);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.8rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 10px 28px -12px #a7a5ff99}.contact-submit:hover:not(:disabled){transform:translateY(-1px)}.contact-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #a7a5ff66}.contact-submit:disabled{opacity:.6;cursor:progress}.contact-error{color:#ff9a9a;text-align:center;font-size:.9rem}.contact-success{text-align:center;background:#a7a5ff0f;border:1px solid #a7a5ff47;border-radius:16px;padding:2rem 1.5rem}.contact-success:focus-visible{outline:none;box-shadow:0 0 0 3px #a7a5ff4d}.contact-success p{color:var(--mc-foreground-bright);margin:0;font-size:1.05rem}.contact-again{border:1px solid var(--contact-line-strong);color:var(--mc-foreground);cursor:pointer;background:0 0;border-radius:999px;margin-top:1rem;padding:.6rem 1.2rem;font-size:.9rem;transition:border-color .2s,color .2s}.contact-again:hover{border-color:var(--mc-primary);color:var(--mc-foreground-bright)}@media (prefers-reduced-motion:reduce){.contact-wa,.contact-submit,.contact-select,.contact-input,.contact-again{transition:none}.contact-wa:hover,.contact-submit:hover:not(:disabled){transform:none}}
