body{background:#181f2a;color:#e3e8ee;font-family:Segoe UI,Arial,sans-serif}form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:2rem auto;padding:2rem;background:#232c3d;border-radius:10px;box-shadow:0 4px 24px #0000002e}form label{display:flex;flex-direction:column;font-weight:500;color:#b6c6e3}form label input,form label textarea,form label select{margin-top:.5rem;padding:.5rem;border:1px solid #334366;border-radius:4px;font-size:1rem;background:#1a2233;color:#e3e8ee;transition:border .2s}form label input:focus,form label textarea:focus,form label select:focus{border-color:#3b82f6;outline:none}form button{align-self:flex-end;padding:.5rem 1.5rem;background:linear-gradient(90deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #3b82f626}form button:hover:not(:disabled){background:linear-gradient(90deg,#1e40af,#2563eb);box-shadow:0 4px 16px #3b82f640}form button:disabled{background:#334366;cursor:not-allowed;opacity:.7}div{max-width:400px;margin:1rem auto;background:#232c3d;border-radius:8px;padding:1rem;font-size:.95rem;color:#e3e8ee;box-shadow:0 2px 8px #0000001a}div h3{margin-top:0;color:#3b82f6}div pre{background:#181f2a;padding:.5rem;border-radius:4px;overflow-x:auto;color:#b6c6e3}