.contact-form-box{isolation:isolate;background-color:#fffffff2;border-radius:1.5rem;width:100%;max-width:36rem;margin:0;padding:2rem;position:relative;box-shadow:0 4px 24px #00000014,inset 0 1px #fffc}.contact-form-box:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#38bdf873,#6d28d959,#3c3c3c26);padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.contact-form-inner{z-index:1;flex-direction:column;gap:1.25rem;display:flex;position:relative}.contact-form-title{background:linear-gradient(90deg,#38bdf8,#6d28d9);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.contact-form-description{color:#6b7280;margin:0 0 .5rem;font-size:.95rem;line-height:1.5}.contact-form-field{flex-direction:column;gap:.375rem;display:flex}.contact-form-label{color:#374151;font-size:.875rem;font-weight:600}.contact-form-label-optional{color:#9ca3af;font-weight:400}.contact-form-input,.contact-form-textarea{color:#171717;background-color:#ffffffe6;border:1px solid #3c3c3c40;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.contact-form-input::placeholder,.contact-form-textarea::placeholder{color:#9ca3af}.contact-form-input:focus,.contact-form-textarea:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 0 3px #38bdf833}.contact-form-textarea{resize:vertical;min-height:10rem}.contact-form-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#6d28d9);border:none;border-radius:9999px;justify-content:center;align-self:flex-start;align-items:center;margin-top:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .25s,box-shadow .25s,filter .25s;display:inline-flex;box-shadow:0 2px 12px #38bdf840}.contact-form-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 20px #6d28d959}.contact-form-submit:focus-visible{outline-offset:2px;outline:2px solid #38bdf8}@media (prefers-color-scheme:dark){.contact-form-box{background-color:#18181bf2;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0f}.contact-form-description{color:#a1a1aa}.contact-form-label{color:#e4e4e7}.contact-form-input,.contact-form-textarea{color:#fafafa;background-color:#00000040;border-color:#ffffff26}}
.typing-words{white-space:nowrap;display:inline}.typing-words-cursor{color:#38bdf8;margin-left:.05em;font-weight:300;animation:1s step-end infinite typing-cursor-blink;display:inline-block}@keyframes typing-cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.typing-words-cursor{opacity:.6;animation:none}}