:root{--teal:#008080;--gray:#c0c0c0;--blue:#000080;--paper:#f4f4f4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:"Courier New",monospace;background:var(--teal);color:#000}.desktop{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(45deg,rgba(255,255,255,.06) 25%,transparent 25% 50%,rgba(255,255,255,.06) 50% 75%,transparent 75%);background-size:32px 32px}.window{width:min(1040px,100%);border:3px solid #000;background:var(--gray);box-shadow:10px 10px 0 rgba(0,0,0,.35)}header{height:36px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:8px;padding:0 10px;font-weight:900}header span{width:16px;height:16px;background:var(--gray);border:2px solid #fff;border-right-color:#444;border-bottom-color:#444}.content{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;padding:18px}aside{border:2px inset #fff;background:#e8e8e8;padding:24px;display:grid;align-content:center}aside p{font-weight:900;text-transform:uppercase}aside h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:0 0 20px}.contact-form{display:grid;gap:12px;border:2px inset #fff;background:var(--paper);padding:18px}.contact-form h2{margin:0}label{display:grid;gap:6px;font-weight:900}input,select,textarea{border:2px inset #fff;background:#fff;padding:10px;font:inherit;outline:2px solid transparent}input:focus,select:focus,textarea:focus{outline-color:var(--blue)}button{border:2px outset #fff;background:var(--gray);padding:12px 18px;font:900 1rem "Courier New",monospace;cursor:pointer}button:hover{background:#ffff99}button.loading{background:#ffff99}.field-error{min-height:16px;color:#b00020}.status{min-height:22px;margin:0;font-weight:900}.status.success{color:#006400}.status.error{color:#b00020}@media(max-width:760px){.desktop{padding:12px}.content{grid-template-columns:1fr}}