.contact-page{padding-block:var(--space-6) var(--space-7)}.contact-header{max-width:62ch;margin-bottom:var(--space-6)}.contact-command{color:var(--channel);font:13px/1.7 var(--font-mono);margin:0 0 var(--space-3)}.contact-header h1{font:600 39px/1.2 var(--font-ui);color:var(--text);margin:0 0 var(--space-4)}.contact-header p:last-child{margin:0}.contact-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.contact-panel{padding:var(--space-5);border:1px solid var(--edge);background:var(--surface);min-width:0}.contact-panel h2,.contact-links h2{font:500 25px/1.25 var(--font-ui);color:var(--text);margin:0 0 var(--space-4)}.contact-panel fieldset{border:0;margin:0;padding:0;min-width:0}.contact-field{margin-bottom:var(--space-4)}.contact-field label{display:block;color:var(--body);margin-bottom:var(--space-2);font-size:14px}.contact-field input,.contact-field textarea{display:block;width:100%;min-height:44px;padding:var(--space-3);background:var(--field);color:var(--text);border:1px solid var(--edge);border-radius:0}.contact-field textarea{resize:vertical}.contact-field [aria-invalid=true]{border-color:var(--signal)}.contact-submit{min-height:48px;padding:var(--space-2) var(--space-4);border:1px solid var(--signal);background:var(--signal);color:var(--chrome);font-weight:600}.contact-panel fieldset:disabled{opacity:.7}.contact-panel fieldset:disabled .contact-submit{cursor:wait!important}.contact-help{color:var(--muted);font-size:14px;margin:0 0 var(--space-4);max-width:62ch}.contact-help:last-child{margin:var(--space-4) 0 0}.contact-help a{color:var(--signal)}.contact-error{color:var(--signal);font-size:14px;margin:var(--space-2) 0 0}.contact-success h3{color:var(--text);font:500 20px/1.4 var(--font-ui);margin:0 0 var(--space-2)}.contact-success p{margin:0}.contact-links a{display:block;padding:var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--edge);background:var(--surface);color:var(--muted);text-decoration:none;transition:color .12s}.contact-links a span{display:block;font:13px/1.7 var(--font-mono);color:var(--channel);margin-bottom:var(--space-2)}.contact-links a:hover{color:var(--signal)}.contact-screen-reader,.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:767px){.contact-page{padding-block:var(--space-5) var(--space-6)}.contact-header h1{font-size:31px}.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-panel{padding:var(--space-4)}}.contact-panel{padding:0}.contact-console-bar,.contact-console-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--chrome);color:var(--faint);font:13px/1.7 var(--font-mono)}.contact-console-bar{border-bottom:1px solid var(--edge)}.contact-console-footer{border-top:1px solid var(--edge)}.contact-console-body{position:relative;isolation:isolate;overflow:hidden;padding:var(--space-5);border-top:2px solid var(--edge)}.contact-panel:focus-within .contact-console-body,.contact-panel[data-state=Sent] .contact-console-body{border-top-color:var(--signal)}.contact-readout{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--edge);color:var(--channel);font:13px/1.7 var(--font-mono)}.contact-state{color:var(--signal)}.contact-state:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid currentColor;margin-right:var(--space-2);vertical-align:1px}.contact-panel[data-state=Composing] .contact-state:before,.contact-panel[data-state=Sent] .contact-state:before{background:currentColor}.contact-console-sheen{display:none;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,180,84,.045) 50%,transparent 65%)}.contact-field:focus-within label{color:var(--signal)}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--signal);background:var(--chrome)}.contact-success{padding-block:var(--space-4) var(--space-6)}.contact-success h3:before{content:"> ";color:var(--signal);font-family:var(--font-mono)}.contact-links{padding-top:var(--space-3)}@media(hover:hover)and (pointer:fine){.contact-panel:focus-within:not([data-state=Sending]):not([data-state=Sent]) .contact-console-sheen{display:block;animation:contact-sheen 3.4s linear infinite}}@keyframes contact-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:767px){.contact-panel{padding:0}.contact-console-body{padding:var(--space-3)}.contact-console-bar,.contact-console-footer{padding-inline:var(--space-3)}}@media(prefers-reduced-motion:reduce){.contact-panel:focus-within .contact-console-sheen{display:none!important;animation:none}}