.contact-dialog{max-width:500px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:42px;background:radial-gradient(ellipse at 0 0,#34483855,transparent 70%),#19201d;border:1px solid #dbe8d126;border-radius:20px;color:#eef2e8;box-shadow:0 35px 120px #0008}.contact-dialog::backdrop{background:#080c0bd1;backdrop-filter:blur(12px)}.contact-dialog .dialog-close{top:16px;right:18px;width:30px;height:30px;line-height:1;padding:0;color:#aebbac}.contact-dialog h2{font-size:34px;line-height:1.13;letter-spacing:-1px;margin:14px 0 0;font-weight:500}.contact-dialog .eyebrow{font-size:12px;letter-spacing:.07em;color:#9cac93}.contact-dialog p{font-size:15px;line-height:1.6;margin:18px 0 26px;color:#aab6a7}.contact-step[hidden]{display:none}.contact-step:not([hidden]){animation:contact-enter .2s ease-out}.contact-dialog .contact-primary{display:flex;width:100%;justify-content:space-between;align-items:center;background:#e8eedf;color:#253020;padding:17px 19px;border:0;border-radius:8px;box-shadow:none;font-size:14px;font-weight:500;margin-top:0}.contact-dialog .contact-primary:hover{background:#fff;transform:none}.contact-dialog .contact-primary:disabled{opacity:.35;cursor:not-allowed;background:#e8eedf;transform:none}.contact-dialog .contact-secondary{display:flex;width:100%;align-items:center;justify-content:space-between;padding:17px 19px;margin-top:11px;border:1px solid #cfdfc629;border-radius:8px;background:#ffffff03;color:#dbe5d4;font-size:14px;text-align:left;cursor:pointer}.contact-dialog .contact-secondary:hover{background:#ffffff0a;border-color:#cfdfc655}.contact-dialog .contact-back{display:block;width:auto;background:none;border:0;padding:0;margin:0 0 23px;color:#aab6a7;font-size:13px;cursor:pointer}.contact-back:hover{color:#fff}.contact-dialog .contact-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;margin:25px 0;border:1px solid #cbdec51a;border-radius:10px;background:#090d0b55}.contact-dialog .contact-channels button{width:auto;cursor:pointer;border:0;border-radius:6px;background:none;color:#9cac98;padding:12px 6px;font-size:14px}.contact-dialog .contact-channels button[aria-pressed=true]{background:#d8e6c51f;color:#e9f2df;box-shadow:inset 0 0 0 1px #d8e6c532}.contact-label{display:block;margin-bottom:9px;font-size:14px;color:#cad4c5}.contact-input-wrap{display:flex;align-items:center;background:#0d141080;border:1px solid #d5e3cb26;border-radius:9px;height:54px;transition:border-color .15s,box-shadow .15s}.contact-input-wrap:focus-within{border-color:#afc59b;box-shadow:0 0 0 3px #a9c28e1a}.contact-input-wrap>span{padding:0 14px 0 16px;font-size:16px;color:#b4c3aa;flex:none;border-right:1px solid #d5e3cb1c}.contact-input-wrap>span[hidden]{display:none}.contact-dialog input,.contact-dialog textarea{font:inherit;font-size:16px;color:#edf2e6;border-radius:9px;min-width:0}.contact-dialog input{height:100%;width:100%;padding:0 15px;background:none;border:0;outline:0}.contact-dialog input:focus-visible{outline:0}.contact-dialog textarea{display:block;width:100%;min-height:116px;padding:14px 15px;background:#0d141080;border:1px solid #d5e3cb26;resize:vertical;line-height:1.5}.contact-dialog textarea:focus{outline:0;border-color:#afc59b;box-shadow:0 0 0 3px #a9c28e1a}.contact-dialog input::placeholder,.contact-dialog textarea::placeholder{color:#758271;opacity:1}.contact-input-wrap:has([aria-invalid=true]),.contact-dialog textarea[aria-invalid=true]{border-color:#d99d87}.contact-dialog .contact-error{font-size:12px;color:#e9ac94;min-height:17px;margin:5px 0 13px;line-height:1.4}.contact-dialog .contact-demo-note{font-size:12px;line-height:1.5;margin:14px 0 0;color:#81917b}.contact-dialog .contact-live-link{display:block;margin-top:22px;font-size:13px;line-height:1.5}.contact-dialog #ask-done-title:focus{outline:0}@keyframes contact-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.contact-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px);padding:35px 24px 28px;border-radius:17px}.contact-dialog h2{font-size:30px}.contact-dialog p{font-size:14px}.contact-dialog .contact-channels{margin:22px 0}.contact-dialog .contact-channels button{font-size:13px}.contact-dialog .contact-primary,.contact-dialog .contact-secondary{padding:16px;font-size:14px}}@media(prefers-reduced-motion:reduce){.contact-step:not([hidden]){animation:none}}
